diff --git a/.gitmodules b/.gitmodules new file mode 100644 index 00000000..3a87344f --- /dev/null +++ b/.gitmodules @@ -0,0 +1,3 @@ +[submodule "submodule/BoxCraft"] + path = submodule/BoxCraft + url = git@github.com:shrutivarade/BoxCraft.git diff --git a/dist/boostlet.min.js b/dist/boostlet.min.js index c4d40fec..bf52159f 100644 --- a/dist/boostlet.min.js +++ b/dist/boostlet.min.js @@ -303,21 +303,38 @@ class $febea0d4681e2ae0$export$1ec7e9f19103cb25 extends (0, $bsgU1.Framework) { return this.canvasFallback.set_mask(new_mask); } select_box(callback) { - this.cornerstonetools_instance.setToolActive("RectangleRoi", { - mouseButtonMask: 1 - }); - let element = this.instance.getEnabledElements()[0]; - let canvas = element.canvas; - canvas.onmouseup = (function() { - let state = this.cornerstonetools_instance.globalImageIdSpecificToolStateManager.saveToolState(); - let topleft = state[Object.keys(state).pop()].RectangleRoi.data[0].handles.start; - let bottomright = state[Object.keys(state).pop()].RectangleRoi.data[0].handles.end; - let topleft_c = this.instance.pixelToCanvas(element.element, topleft); - let bottomright_c = this.instance.pixelToCanvas(element.element, bottomright); - this.cornerstonetools_instance.clearToolState(element.element, "RectangleRoi"); - this.instance.renderGrayscaleImage(element, true); - callback(topleft_c, bottomright_c); - }).bind(this); + if (this.cornerstonetools_instance.RectangleRoiTool === undefined) { + console.log("Using Boxcraft library to handle box selection."); + let element = this.instance.getEnabledElements()[0]; + let canvas = element.canvas; + // Disable the Wwwc tool + cornerstoneTools.setToolDisabled("Wwwc"); + BoxCraft.createDraggableBBox(canvas, function(topleft, bottomright) { + callback(topleft, bottomright); + }); + BoxCraft.createResizableBBox(canvas, function(topleft, bottomright) { + console.log("Inside Draggable BBox", topleft, bottomright); + callback(topleft, bottomright); + }); + // return this.canvasFallback.select_box(callback); + } else { + console.log("Using Cornerstonetools to handle box selection."); + this.cornerstonetools_instance.setToolActive("RectangleRoi", { + mouseButtonMask: 1 + }); + let element = this.instance.getEnabledElements()[0]; + let canvas = element.canvas; + canvas.onmouseup = (function() { + let state = this.cornerstonetools_instance.globalImageIdSpecificToolStateManager.saveToolState(); + let topleft = state[Object.keys(state).pop()].RectangleRoi.data[0].handles.start; + let bottomright = state[Object.keys(state).pop()].RectangleRoi.data[0].handles.end; + let topleft_c = this.instance.pixelToCanvas(element.element, topleft); + let bottomright_c = this.instance.pixelToCanvas(element.element, bottomright); + this.cornerstonetools_instance.clearToolState(element.element, "RectangleRoi"); + this.instance.renderGrayscaleImage(element, true); + callback(topleft_c, bottomright_c); + }).bind(this); + } } } @@ -401,8 +418,10 @@ class $0fabd2f4a96087f5$export$48eecc33595f906d extends (0, $bsgU1.Framework) { select_box(callback) { let scriptBoxCraft = document.createElement("script"); scriptBoxCraft.type = "text/javascript"; - scriptBoxCraft.src = "https://shrutivarade.github.io/BoxCraft/dist/boxCraft.min.js"; - // scriptBoxCraft.src = "http://localhost:8888/dist/boxcraft.min.js"; + // scriptBoostlet.src = "https://boostlet.org/dist/boxcraft.min.js"; + // scriptBoxCraft.src = "https://shrutivarade.github.io/BoxCraft/dist/boxCraft.min.js"; + // scriptBoxCraft.src = "https://shrutivarade.github.io/boostlet/dist/boxcraft.min.js"; + scriptBoxCraft.src = "http://localhost:8000/dist/boxcraft.min.js"; let canvas = this.get_canvas(); document.head.appendChild(scriptBoxCraft); scriptBoxCraft.onload = function() { @@ -424,10 +443,13 @@ $parcel$export(module.exports, "NiiVue", () => $fbafa14c3ac31938$export$3d6843c2 var $bsgU1 = parcelRequire("bsgU1"); var $gk9zP = parcelRequire("gk9zP"); + +var $1lpSl = parcelRequire("1lpSl"); class $fbafa14c3ac31938$export$3d6843c2c4a1bd6c extends (0, $bsgU1.Framework) { constructor(instance){ super(instance); this.name = "niivue"; + this.canvasFallback = new (0, $1lpSl.CanvasFallback)(); this.flip_on_png = true; this.onMouseDown = false; this.x1 = null; @@ -533,42 +555,7 @@ class $fbafa14c3ac31938$export$3d6843c2c4a1bd6c extends (0, $bsgU1.Framework) { this.set_image(masked_image, true, true); // rgba data, no flip } select_box(callback) { - // TODO also hacky until official API supports this - let canvas = this.instance.canvas; - canvas.addEventListener("mousedown", (function(e) { - this.isMouseDown = true; - var rect = e.currentTarget.getBoundingClientRect(), offsetX = e.clientX * window.devicePixelRatio - rect.left * window.devicePixelRatio, offsetY = e.clientY * window.devicePixelRatio - rect.top * window.devicePixelRatio; - this.x1 = offsetX; - this.y1 = offsetY; - }).bind(this)); - canvas.addEventListener("mousemove", (function(e) { - if (this.isMouseDown) { - var rect = e.currentTarget.getBoundingClientRect(), offsetX = e.clientX * window.devicePixelRatio - rect.left * window.devicePixelRatio, offsetY = e.clientY * window.devicePixelRatio - rect.top * window.devicePixelRatio; - this.x2 = offsetX; - this.y2 = offsetY; - this.instance.drawSelectionBox([ - this.x1, - this.y1, - this.x2 - this.x1, - this.y2 - this.y1 - ]); - } - }).bind(this)); - canvas.addEventListener("mouseup", (function(e) { - var rect = e.currentTarget.getBoundingClientRect(), offsetX = e.clientX * window.devicePixelRatio - rect.left * window.devicePixelRatio, offsetY = e.clientY * window.devicePixelRatio - rect.top * window.devicePixelRatio; - this.x2 = offsetX; - this.y2 = offsetY; - this.isMouseDown = false; - let topleft = { - x: this.x1, - y: this.y1 - }; - let bottomright = { - x: this.x2, - y: this.y2 - }; - callback(topleft, bottomright); - }).bind(this)); + return this.canvasFallback.select_box(callback); } } @@ -579,7 +566,8 @@ parcelRegister("7Srn3", function(module, exports) { $parcel$export(module.exports, "OpenSeaDragon", () => $5bc2ced335fcdbf6$export$ac966f05fb2ad3); var $bsgU1 = parcelRequire("bsgU1"); -parcelRequire("gk9zP"); + +var $gk9zP = parcelRequire("gk9zP"); var $1lpSl = parcelRequire("1lpSl"); class $5bc2ced335fcdbf6$export$ac966f05fb2ad3 extends (0, $bsgU1.Framework) { @@ -595,42 +583,35 @@ class $5bc2ced335fcdbf6$export$ac966f05fb2ad3 extends (0, $bsgU1.Framework) { return this.canvasFallback.set_image(new_pixels); } set_mask(new_mask) { - return this.canvasFallback.set_mask(new_mask); + // return this.canvasFallback.set_mask(new_mask); + let viewer = null; + let vs = this.instance._viewers; + vs.forEach(function(e) { + if (e.id == "viewer") viewer = e; + }); + if (!viewer) throw "OpenSeaDragon viewer not found."; + let canvas = viewer.canvas.children[0]; + width = canvas.width; + height = canvas.height; + let ctx = canvas.getContext("2d"); + let imagedata = ctx.getImageData(0, 0, width, height); + let pixels = imagedata.data; + let masked_image = (0, $gk9zP.Util).harden_mask(pixels, new_mask); + let masked_image_as_imagedata = new ImageData(masked_image, width, height); + ctx.putImageData(masked_image_as_imagedata, 0, 0); } select_box(callback) { - Boostlet.hint("Click on top left and bottom right coordinated of the desired selection box."); - let isFirstClick = true; - let x1, y1, x2, y2; - // Function to handle the mouse click event - function handleClick(event) { - if (isFirstClick) { - // Capture x1 and y1 on the first click - x1 = event.clientX; - y1 = event.clientY; - console.log(`First click: (X1: ${x1}, Y1: ${y1})`); - isFirstClick = false; - } else { - // Capture x2 and y2 on the second click - x2 = event.clientX; - y2 = event.clientY; - console.log(`Second click: (X2: ${x2}, Y2: ${y2})`); - isFirstClick = true; - let topleft = { - x: x1, - y: y1 - }; - let bottomright = { - x: x2, - y: y2 - }; - callback(topleft, bottomright); - } - // let topleft = {x: 529, y: 480}; - // let bottomright = {x: 667, y: 588}; - // callback(topleft, bottomright); - } - // Add a click event listener to the document - document.addEventListener("click", handleClick); + console.log("Using Boxcraft library to handle box selection."); + let viewer = null; + let vs = this.instance._viewers; + vs.forEach(function(e) { + if (e.id == "viewer") viewer = e; + }); + if (!viewer) throw "OpenSeaDragon viewer not found."; + let canvas = viewer.canvas; + BoxCraft.createDraggableBBox(canvas, function(topleft, bottomright) { + callback(topleft, bottomright); + }); } } diff --git a/dist/boostlet.min.js.map b/dist/boostlet.min.js.map index 693d9d71..a07ff7ed 100644 --- a/dist/boostlet.min.js.map +++ b/dist/boostlet.min.js.map @@ -1 +1 @@ -{"mappings":"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","sources":["src/util.js","src/framework.js","src/frameworks/cornerstone2d.js","src/frameworks/canvasFallback.js","src/frameworks/niivue.js","src/frameworks/openseadragon.js","src/frameworks/xtk.js","src/frameworks/papaya.js","src/index.js","src/boostlet.js"],"sourcesContent":["import {Framework} from './framework.js';\r\nimport {Cornerstone2D} from './frameworks/cornerstone2d.js';\r\nimport {NiiVue} from './frameworks/niivue.js';\r\nimport { OpenSeaDragon } from './frameworks/openseadragon.js';\r\nimport { Xtk } from './frameworks/xtk.js';\r\nimport { Papaya } from './frameworks/papaya.js';\r\nimport { CanvasFallback } from './frameworks/canvasFallback.js';\r\n\r\nexport class Util {\r\n \r\n static detect_framework() {\r\n\r\n let framework = null;\r\n\r\n if (Util.is_defined(window.nv)) {\r\n \r\n framework = new NiiVue(window.nv);\r\n \r\n } else if (Util.is_defined(window.niivue)) {\r\n \r\n framework = new NiiVue(window.niivue);\r\n\r\n } else if (Util.is_defined(window.cornerstone)) {\r\n\r\n framework = new Cornerstone2D(window.cornerstone);\r\n\r\n } else if (Util.is_defined(window.r)) {\r\n \r\n framework = new Xtk(window.r);\r\n \r\n } else if (Util.is_defined(window.OpenSeadragon)) {\r\n\r\n framework = new OpenSeaDragon(window.OpenSeadragon);\r\n \r\n } else if (Util.is_defined(window.papayaContainers)) {\r\n \r\n framework = new Papaya(window.papayaContainers)\r\n\r\n } else {\r\n // Canvas fallback\r\n \r\n console.log(\"No framework detected, falling back to canvas rendering\");\r\n framework = new CanvasFallback();\r\n \r\n }\r\n\r\n return framework;\r\n\r\n }\r\n\r\n static async load_script(url, callback) {\r\n\r\n // introducing hack to make it work for openneuro\r\n window.Object.defineProperty(window.Object.prototype, 'global', {\r\n get( ){\r\n return window;\r\n },\r\n set(newGlobal) {\r\n globalThis = newGlobal;\r\n }\r\n });\r\n\r\n const script = window.document.createElement(\"script\")\r\n script.type = \"text/javascript\"\r\n script.src = url;\r\n\r\n if (Util.is_defined(callback)) {\r\n script.onload = callback;\r\n }\r\n\r\n window.document.head.appendChild(script);\r\n eval(script);\r\n\r\n }\r\n\r\n static async send_http_post(url, data, callback) {\r\n\r\n let xhr = new XMLHttpRequest();\r\n xhr.open(\"POST\", url);\r\n xhr.onreadystatechange = function () {\r\n if (xhr.readyState === 4) {\r\n // request done\r\n callback( xhr.response );\r\n\r\n return;\r\n\r\n }\r\n }\r\n\r\n xhr.send(data)\r\n\r\n }\r\n\r\n static convert_to_png(uint8array, width, height, flip) {\r\n\r\n // we are using an offscreen canvas for this\r\n let offscreen = window.document.createElement('canvas');\r\n offscreen.width = width;\r\n offscreen.height = height;\r\n\r\n let offscreen_ctx = offscreen.getContext('2d');\r\n\r\n let imgdata = offscreen_ctx.createImageData(offscreen.width, offscreen.height);\r\n let pxdata = imgdata.data;\r\n\r\n for (var i =0; i c.charCodeAt(0));\r\n\r\n return pngpixels;\r\n\r\n }\r\n\r\n static filter(pixels, width, height, kernel) {\r\n\r\n const kernelSize = Math.sqrt(kernel.length);\r\n const halfKernelSize = Math.floor(kernelSize / 2);\r\n\r\n const new_pixels = pixels.slice();\r\n\r\n for (let y = 0; y < height; y++) {\r\n for (let x = 0; x < width; x++) {\r\n const dstIndex = y * width + x;\r\n\r\n let newValue = 0;\r\n for (let ky = 0; ky < kernelSize; ky++) {\r\n for (let kx = 0; kx < kernelSize; kx++) {\r\n const srcX = x + kx - halfKernelSize;\r\n const srcY = y + ky - halfKernelSize;\r\n const srcIndex = srcY * width + srcX;\r\n\r\n const kernelValue = kernel[ky * kernelSize + kx];\r\n newValue += pixels[srcIndex] * kernelValue;\r\n }\r\n }\r\n\r\n new_pixels[dstIndex] = newValue;\r\n\r\n }\r\n }\r\n\r\n return new_pixels;\r\n\r\n }\r\n\r\n static grayscale_to_rgba(grayscale) {\r\n\r\n const rgba = new Uint8Array(grayscale.length * 4);\r\n\r\n for (let i = 0; i < grayscale.length; i++) {\r\n const g = grayscale[i];\r\n const index = i * 4;\r\n\r\n rgba[index] = g;\r\n rgba[index + 1] = g;\r\n rgba[index + 2] = g;\r\n rgba[index + 3] = 255; \r\n }\r\n\r\n return rgba;\r\n\r\n }\r\n\r\n static rgba_to_grayscale(rgba) {\r\n\r\n const grayscale = new Uint8Array(rgba.length / 4);\r\n\r\n for (let i = 0; i < rgba.length; i += 4) {\r\n\r\n grayscale[i / 4] = rgba[i];\r\n\r\n }\r\n\r\n return grayscale;\r\n\r\n }\r\n\r\n /**\r\n * Harden a mask into a grayscale pixel array.\r\n * \r\n * pixels needs to be RGBA\r\n * \r\n * and mask binary.\r\n * \r\n * maskcolor is optional and falls back to blue.\r\n * \r\n **/\r\n static harden_mask(pixels, mask, maskcolor) {\r\n\r\n // Modified from: https://github.com/facebookresearch/segment-anything/blob/40df6e4046d8b07ab8c4519e083408289eb43032/demo/src/components/helpers/maskUtils.tsx\r\n // Copyright (c) Meta Platforms, Inc. and affiliates.\r\n // All rights reserved.\r\n\r\n\r\n let maskcolor_ = [0, 114, 189, 255];\r\n\r\n if (Util.is_defined(maskcolor)) {\r\n \r\n maskcolor_ = maskcolor;\r\n \r\n } \r\n\r\n for (var i = 0; i < mask.length; i++) {\r\n\r\n if (mask[i] > 0.0) {\r\n pixels[4 * i + 0] = maskcolor_[0];\r\n pixels[4 * i + 1] = maskcolor_[1];\r\n pixels[4 * i + 2] = maskcolor_[2];\r\n pixels[4 * i + 3] = maskcolor_[3];\r\n }\r\n\r\n }\r\n\r\n return pixels;\r\n\r\n }\r\n\r\n static is_defined(variable) {\r\n\r\n return (typeof variable != 'undefined');\r\n\r\n }\r\n \r\n // \"Boostlet Tooltips\" - This is a hint mechanism that allows to display a message for a certain amount of time (ms).\r\n static hint(message, duration) {\r\n\r\n let hint = window.document.createElement('div');\r\n hint.id = 'BoostletHint';\r\n\r\n hint.style.position = 'fixed';\r\n hint.style.left = '10px';\r\n hint.style.top = '10px';\r\n hint.style.padding = '10px';\r\n hint.style.background = '#fff';\r\n hint.style.color = '#000';\r\n hint.style.zIndex = '100000';\r\n hint.style.border = '1px solid #007ec6';\r\n hint.style.borderRadius = '5px';\r\n hint.style.boxShadow = '0px 0px 20px 5px rgba(0,0,0, 0.3)';\r\n hint.style.fontSize = '14px';\r\n hint.style.fontWeight = 'bold';\r\n hint.style.textAlign = 'center';\r\n\r\n hint.innerHTML = message;\r\n \r\n window.document.body.appendChild(hint);\r\n\r\n if (typeof duration === 'number' && duration > 0) {\r\n setTimeout(function() {\r\n hint.remove();\r\n }, duration);\r\n }\r\n\r\n }\r\n\r\n}","import {Util} from './util.js';\r\n\r\nexport class Framework {\r\n\r\n constructor(instance) {\r\n\r\n this.name = 'generic';\r\n this.instance = instance;\r\n\r\n this.flip_on_png = false;\r\n\r\n }\r\n\r\n get_image(from_canvas) {\r\n\r\n throw \"Missing Implementation.\";\r\n\r\n }\r\n\r\n set_image(new_pixels) {\r\n\r\n throw \"Missing Implementation.\";\r\n\r\n }\r\n\r\n set_mask(new_mask) {\r\n\r\n throw \"Missing Implementation.\";\r\n \r\n }\r\n\r\n select_box(callback) {\r\n\r\n throw \"Missing Implementation.\";\r\n\r\n }\r\n\r\n convert_to_png(uint8array, width, height) {\r\n\r\n return Util.convert_to_png(uint8array, width, height, this.flip_on_png);\r\n\r\n }\r\n\r\n}\r\n","import {Framework} from '../framework.js';\r\n\r\nimport {Util} from '../util.js';\r\n\r\nimport {CanvasFallback} from './canvasFallback.js';\r\n\r\nexport class Cornerstone2D extends Framework {\r\n \r\n constructor(instance) {\r\n\r\n super(instance);\r\n this.name = 'cornerstone2D';\r\n this.canvasFallback = new CanvasFallback();\r\n\r\n this.cornerstonetools_instance = null;\r\n\r\n if (typeof window.cornerstoneTools != 'undefined') {\r\n\r\n // TODO probably not too robust\r\n this.cornerstonetools_instance = window.cornerstoneTools;\r\n\r\n }\r\n\r\n this.flip_on_png = false;\r\n\r\n }\r\n\r\n get_image(from_canvas) {\r\n\r\n let element = this.instance.getEnabledElements()[0];\r\n let pixels = null;\r\n let width = null;\r\n let height = null;\r\n\r\n if (typeof from_canvas != 'undefined') {\r\n\r\n // TODO this is hacky going through the canvas\r\n // later should grab the real volume data\r\n\r\n let canvas = element.canvas;\r\n width = canvas.width;\r\n height = canvas.height;\r\n\r\n let ctx = canvas.getContext('2d');\r\n\r\n let imagedata = ctx.getImageData(0, 0, width, height);\r\n pixels = imagedata.data;\r\n\r\n } else {\r\n\r\n // this is the real image slice data\r\n let imagedata = element.image;\r\n pixels = imagedata.getPixelData();\r\n width = imagedata.width;\r\n height = imagedata.height;\r\n\r\n }\r\n\r\n return {'data':pixels, 'width':width, 'height':height};\r\n\r\n }\r\n\r\n set_image(new_pixels) {\r\n\r\n let element = this.instance.getEnabledElements()[0];\r\n let pixels = element.image.getPixelData();\r\n\r\n // Set the new pixel values\r\n pixels.set(new_pixels);\r\n\r\n // Re-render the current slice\r\n cornerstone.renderGrayscaleImage(element, true);\r\n\r\n }\r\n\r\n set_mask(new_mask) {\r\n\r\n return this.canvasFallback.set_mask(new_mask);\r\n \r\n }\r\n\r\n select_box(callback) {\r\n\r\n this.cornerstonetools_instance.setToolActive('RectangleRoi', { mouseButtonMask: 1 })\r\n\r\n let element = this.instance.getEnabledElements()[0];\r\n let canvas = element.canvas;\r\n\r\n canvas.onmouseup = function() {\r\n\r\n let state = this.cornerstonetools_instance.globalImageIdSpecificToolStateManager.saveToolState();\r\n\r\n let topleft = state[Object.keys(state).pop()].RectangleRoi.data[0].handles.start;\r\n let bottomright = state[Object.keys(state).pop()].RectangleRoi.data[0].handles.end;\r\n\r\n let topleft_c = this.instance.pixelToCanvas(element.element, topleft);\r\n let bottomright_c = this.instance.pixelToCanvas(element.element, bottomright);\r\n\r\n this.cornerstonetools_instance.clearToolState(element.element, 'RectangleRoi');\r\n this.instance.renderGrayscaleImage(element, true);\r\n\r\n callback(topleft_c, bottomright_c);\r\n\r\n }.bind(this);\r\n\r\n }\r\n\r\n}","import { Framework } from \"../framework.js\";\r\n\r\nimport { Util } from \"../util.js\";\r\n\r\n\r\nexport class CanvasFallback extends Framework {\r\n constructor() {\r\n super();\r\n this.name = \"canvasFallback\";\r\n }\r\n\r\n get_canvas() {\r\n let canvases = document.querySelectorAll('canvas');\r\n let largestCanvas = canvases[0];\r\n let largestArea = largestCanvas.width * largestCanvas.height;\r\n\r\n for (let i = 1; i < canvases.length; i++) {\r\n let area = canvases[i].width * canvases[i].height;\r\n if (area > largestArea) {\r\n largestCanvas = canvases[i];\r\n largestArea = area;\r\n }\r\n }\r\n\r\n return largestCanvas;\r\n }\r\n\r\n get_image(from_canvas) {\r\n\r\n let canvas = this.get_canvas();\r\n\r\n let ctx = canvas.getContext(\"2d\");\r\n\r\n let image = ctx.getImageData(0, 0, canvas.width, canvas.height);\r\n let rgba_image = Util.rgba_to_grayscale(image.data);\r\n\r\n if (from_canvas) {\r\n return { data: image.data, width: image.width, height: image.height };\r\n } else {\r\n return { data: rgba_image, width: image.width, height: image.height };\r\n }\r\n }\r\n\r\n set_image(new_pixels) {\r\n let originalcanvas = this.get_canvas();\r\n\r\n let newcanvas = window.document.createElement(\"canvas\");\r\n\r\n newcanvas.width = originalcanvas.width;\r\n newcanvas.height = originalcanvas.height;\r\n\r\n let ctx = newcanvas.getContext(\"2d\");\r\n\r\n let newPixelsRgba = Util.grayscale_to_rgba(new_pixels);\r\n\r\n let newPixelsClamped = new Uint8ClampedArray(newPixelsRgba);\r\n\r\n let newImageData = new ImageData(\r\n newPixelsClamped,\r\n newcanvas.width,\r\n newcanvas.height\r\n );\r\n\r\n // Draw the new image data onto the canvas\r\n ctx.putImageData(newImageData, 0, 0);\r\n\r\n newcanvas.onclick = function () {\r\n // on click, we will restore the nv canvas\r\n newcanvas.parentNode.replaceChild(originalcanvas, newcanvas);\r\n };\r\n\r\n // replace nv canvas with new one\r\n originalcanvas.parentNode.replaceChild(newcanvas, originalcanvas);\r\n }\r\n\r\n set_mask(new_mask) {\r\n let image = this.get_image(true);\r\n\r\n let originalcanvas = this.get_canvas();\r\n\r\n let newcanvas = window.document.createElement('canvas');\r\n\r\n newcanvas.width = originalcanvas.width;\r\n newcanvas.height = originalcanvas.height;\r\n\r\n let ctx = newcanvas.getContext('2d');\r\n\r\n let imageclamped = new Uint8ClampedArray(image.data);\r\n\r\n let newImageData = new ImageData(\r\n imageclamped,\r\n newcanvas.width,\r\n newcanvas.height\r\n );\r\n\r\n // Draw the new image data onto the canvas\r\n ctx.putImageData(newImageData, 0, 0);\r\n\r\n image = ctx.getImageData(0, 0, newcanvas.width, newcanvas.height);\r\n\r\n let masked_image = Util.harden_mask(image.data, new_mask);\r\n\r\n let masked_image_as_imagedata = new ImageData(\r\n masked_image,\r\n newcanvas.width,\r\n newcanvas.height\r\n );\r\n\r\n ctx.putImageData(masked_image_as_imagedata, 0, 0);\r\n\r\n originalcanvas.parentNode.replaceChild(newcanvas, originalcanvas);\r\n }\r\n\r\n select_box(callback) {\r\n let scriptBoxCraft = document.createElement(\"script\");\r\n scriptBoxCraft.type = \"text/javascript\";\r\n scriptBoxCraft.src = \"https://shrutivarade.github.io/BoxCraft/dist/boxCraft.min.js\";\r\n // scriptBoxCraft.src = \"http://localhost:8888/dist/boxcraft.min.js\";\r\n let canvas = this.get_canvas();\r\n document.head.appendChild(scriptBoxCraft);\r\n\r\n scriptBoxCraft.onload = function() {\r\n\r\n BoxCraft.createDraggableBBox(canvas, function (topleft, bottomright) {\r\n console.log(\"Inside Draggable BBox\", topleft, bottomright);\r\n callback(topleft, bottomright);\r\n });\r\n }\r\n\r\n }\r\n\r\n}","import {Framework} from '../framework.js';\r\n\r\nimport {Util} from '../util.js';\r\n\r\nexport class NiiVue extends Framework {\r\n \r\n constructor(instance) {\r\n\r\n super(instance);\r\n this.name = 'niivue';\r\n\r\n this.flip_on_png = true;\r\n\r\n this.onMouseDown = false;\r\n this.x1 = null;\r\n this.y1 = null;\r\n this.x2 = null;\r\n this.y2 = null;\r\n\r\n }\r\n\r\n get_image(from_canvas) {\r\n\r\n let element = this.instance.canvas;\r\n let pixels = null;\r\n let width = null;\r\n let height = null;\r\n\r\n\r\n // TODO this is hacky going through the canvas\r\n // later should grab the real volume data\r\n\r\n let old_crosshaircolor = this.instance.opts.crosshairColor;\r\n let old_crosshairwidth = this.instance.opts.crosshairWidth;\r\n\r\n this.instance.setCrosshairColor([0,0,0,0]);\r\n this.instance.opts.crosshairWidth=0;\r\n this.instance.updateGLVolume();\r\n\r\n\r\n let ctx = this.instance.gl;\r\n\r\n \r\n width = ctx.drawingBufferWidth;\r\n height = ctx.drawingBufferHeight;\r\n\r\n pixels = new Uint8Array(width * height * 4);\r\n ctx.readPixels(\r\n 0, \r\n 0, \r\n width, \r\n height, \r\n ctx.RGBA, \r\n ctx.UNSIGNED_BYTE, \r\n pixels);\r\n\r\n // restore crosshairs\r\n this.instance.setCrosshairColor(old_crosshaircolor);\r\n this.instance.opts.crosshairWidth = old_crosshairwidth;\r\n\r\n if (!Util.is_defined(from_canvas)) {\r\n\r\n // convert rgba pixels to grayscale\r\n pixels = Util.rgba_to_grayscale(pixels);\r\n\r\n } else {\r\n\r\n // TODO\r\n // not easily possible yet\r\n // we could hack it using \r\n // nv.back.get_value(x,y,z)\r\n // based on the dimensions\r\n // nv.back.dims.slice(1);\r\n // but devs promised easy access in the future\r\n\r\n }\r\n\r\n\r\n return {'data':pixels, 'width':width, 'height':height};\r\n\r\n }\r\n\r\n /**\r\n * Sets the NiiVue.js image.\r\n * \r\n * If is_rgba==true, we do *not* convert to RGBA before setting on canvas.\r\n **/\r\n set_image(new_pixels, is_rgba, no_flip) {\r\n\r\n // TODO this is hacky since we dont work with the real volume yet\r\n // create new canvas\r\n // put pixels on canvas\r\n // show canvas\r\n // hide on click\r\n\r\n let originalcanvas = this.instance.canvas;\r\n\r\n let newcanvas = window.document.createElement('canvas');\r\n newcanvas.width = originalcanvas.width;\r\n newcanvas.height = originalcanvas.height;\r\n\r\n // put new_pixels down\r\n let ctx = newcanvas.getContext('2d');\r\n\r\n let new_pixels_rgba = null;\r\n\r\n if (Util.is_defined(is_rgba)) {\r\n\r\n new_pixels_rgba = new_pixels;\r\n\r\n } else {\r\n\r\n new_pixels_rgba = Util.grayscale_to_rgba(new_pixels);\r\n\r\n\r\n }\r\n\r\n let new_pixels_clamped = new Uint8ClampedArray(new_pixels_rgba);\r\n\r\n let new_image_data = new ImageData(new_pixels_clamped, newcanvas.width, newcanvas.height);\r\n \r\n\r\n ctx.putImageData(new_image_data, 0, 0);\r\n\r\n if (!Util.is_defined(no_flip)) {\r\n // some flipping action\r\n ctx.save();\r\n ctx.scale(1, -1);\r\n ctx.drawImage(newcanvas, 0, -newcanvas.height);\r\n ctx.restore();\r\n }\r\n\r\n\r\n newcanvas.onclick = function() {\r\n\r\n // on click, we will restore the nv canvas\r\n newcanvas.parentNode.replaceChild(originalcanvas, newcanvas);\r\n\r\n }\r\n\r\n // replace nv canvas with new one\r\n // originalcanvas.parentNode.replaceChild(newcanvas, originalcanvas);\r\n newcanvas.style.width = originalcanvas.clientWidth+'px';\r\n newcanvas.style.height = originalcanvas.clientHeight+'px';\r\n originalcanvas.parentNode.replaceChild(newcanvas, originalcanvas);\r\n\r\n }\r\n\r\n set_mask(new_mask) {\r\n\r\n // merge image + mask\r\n // and then call set_image with that information\r\n\r\n let image = this.get_image(true);\r\n\r\n // TODO here we need to flip one more time, this is until\r\n // we use the official niivue infrastructure for adding\r\n // a segmentation layer\r\n let originalcanvas = this.instance.canvas;\r\n\r\n let newcanvas = window.document.createElement('canvas');\r\n newcanvas.width = originalcanvas.width;\r\n newcanvas.height = originalcanvas.height;\r\n // put new_pixels down\r\n let ctx = newcanvas.getContext('2d');\r\n let imageclamped = new Uint8ClampedArray(image.data);\r\n let imagedata = new ImageData(imageclamped, image.width, image.height);\r\n ctx.putImageData(imagedata, 0, 0);\r\n ctx.save();\r\n ctx.scale(1, -1);\r\n ctx.drawImage(newcanvas, 0, -newcanvas.height);\r\n ctx.restore();\r\n image = ctx.getImageData(0, 0, newcanvas.width, newcanvas.height);\r\n // end of flip\r\n\r\n let masked_image = Util.harden_mask(image.data, new_mask);\r\n\r\n this.set_image(masked_image, true, true); // rgba data, no flip\r\n\r\n\r\n }\r\n\r\n select_box(callback) {\r\n\r\n // TODO also hacky until official API supports this\r\n\r\n let canvas = this.instance.canvas;\r\n\r\n \r\n canvas.addEventListener('mousedown', function (e) {\r\n this.isMouseDown = true;\r\n\r\n var rect = e.currentTarget.getBoundingClientRect(),\r\n offsetX = e.clientX * window.devicePixelRatio - rect.left * window.devicePixelRatio,\r\n offsetY = e.clientY * window.devicePixelRatio - rect.top * window.devicePixelRatio;\r\n\r\n this.x1 = offsetX;\r\n this.y1 = offsetY;\r\n }.bind(this));\r\n\r\n canvas.addEventListener('mousemove', function (e) {\r\n if (this.isMouseDown) {\r\n\r\n var rect = e.currentTarget.getBoundingClientRect(),\r\n offsetX = e.clientX * window.devicePixelRatio - rect.left * window.devicePixelRatio,\r\n offsetY = e.clientY * window.devicePixelRatio - rect.top * window.devicePixelRatio;\r\n\r\n this.x2 = offsetX;\r\n this.y2 = offsetY;\r\n this.instance.drawSelectionBox([this.x1, this.y1, this.x2-this.x1, this.y2-this.y1]);\r\n }\r\n }.bind(this));\r\n\r\n\r\n canvas.addEventListener('mouseup', function (e) {\r\n var rect = e.currentTarget.getBoundingClientRect(),\r\n offsetX = e.clientX * window.devicePixelRatio - rect.left * window.devicePixelRatio,\r\n offsetY = e.clientY * window.devicePixelRatio - rect.top * window.devicePixelRatio;\r\n \r\n this.x2 = offsetX;\r\n this.y2 = offsetY;\r\n this.isMouseDown = false;\r\n\r\n let topleft = {x: this.x1, y: this.y1};\r\n let bottomright = {x: this.x2, y: this.y2};\r\n\r\n callback(topleft, bottomright);\r\n\r\n }.bind(this));\r\n\r\n }\r\n\r\n}\r\n","import {Framework} from '../framework.js';\r\n\r\nimport {Util} from '../util.js';\r\n\r\nimport {CanvasFallback} from './canvasFallback.js';\r\n\r\nexport class OpenSeaDragon extends Framework {\r\n constructor(instance) {\r\n super(instance);\r\n this.name = 'opensedragon';\r\n this.canvasFallback = new CanvasFallback();\r\n\r\n }\r\n\r\n get_image(from_canvas) {\r\n return this.canvasFallback.get_image(from_canvas);\r\n }\r\n\r\n set_image(new_pixels) {\r\n return this.canvasFallback.set_image(new_pixels);\r\n }\r\n\r\n set_mask(new_mask) {\r\n return this.canvasFallback.set_mask(new_mask);\r\n }\r\n\r\n select_box(callback) {\r\n \r\n Boostlet.hint(\"Click on top left and bottom right coordinated of the desired selection box.\")\r\n\r\n let isFirstClick = true;\r\n let x1, y1, x2, y2;\r\n \r\n // Function to handle the mouse click event\r\n function handleClick(event) {\r\n if (isFirstClick) {\r\n // Capture x1 and y1 on the first click\r\n x1 = event.clientX;\r\n y1 = event.clientY;\r\n console.log(`First click: (X1: ${x1}, Y1: ${y1})`);\r\n isFirstClick = false;\r\n } else {\r\n // Capture x2 and y2 on the second click\r\n x2 = event.clientX;\r\n y2 = event.clientY;\r\n console.log(`Second click: (X2: ${x2}, Y2: ${y2})`);\r\n isFirstClick = true;\r\n\r\n let topleft = {x: x1, y: y1};\r\n let bottomright = {x: x2, y: y2};\r\n\r\n callback(topleft, bottomright);\r\n }\r\n\r\n // let topleft = {x: 529, y: 480};\r\n // let bottomright = {x: 667, y: 588};\r\n // callback(topleft, bottomright);\r\n\r\n }\r\n \r\n // Add a click event listener to the document\r\n document.addEventListener(\"click\", handleClick);\r\n\r\n }\r\n\r\n \r\n\r\n}\r\n \r\n","import { Framework } from \"../framework.js\";\r\n\r\nimport { Util } from \"../util.js\";\r\n\r\nimport { CanvasFallback } from \"./canvasFallback.js\";\r\n\r\nexport class Xtk extends Framework {\r\n constructor(instance) {\r\n super(instance);\r\n this.name = \"xtk\";\r\n this.canvasFallback = new CanvasFallback();\r\n\r\n }\r\n\r\n get_image(from_canvas) {\r\n return this.canvasFallback.get_image(from_canvas);\r\n }\r\n\r\n set_image(new_pixels) {\r\n return this.canvasFallback.set_image(new_pixels);\r\n }\r\n\r\n set_mask(new_mask) {\r\n return this.canvasFallback.set_mask(new_mask);\r\n }\r\n\r\n select_box(callback) {\r\n return this.canvasFallback.select_box(callback);\r\n }\r\n}","import { Framework } from \"../framework.js\";\r\n\r\nimport { Util } from \"../util.js\";\r\n\r\nimport { CanvasFallback } from \"./canvasFallback.js\";\r\n\r\nexport class Papaya extends Framework {\r\n constructor(instance) {\r\n super(instance);\r\n this.name = \"papaya\";\r\n this.canvasFallback = new CanvasFallback();\r\n }\r\n\r\n get_image(from_canvas) {\r\n return this.canvasFallback.get_image(from_canvas);\r\n }\r\n\r\n set_image(new_pixels) {\r\n return this.canvasFallback.set_image(new_pixels);\r\n }\r\n\r\n set_mask(new_mask) {\r\n return this.canvasFallback.set_mask(new_mask);\r\n }\r\n\r\n select_box(callback) {\r\n return this.canvasFallback.select_box(callback);\r\n }\r\n}\r\n","\r\nimport {Boostlet} from \"./boostlet.js\"\r\n\r\nwindow.console.log('BOOSTLET VERSION 0.1-beta');\r\n\r\n// register global namespace with a new boostlet instance\r\n// later we might want to support multiple active boostlets\r\nwindow.Boostlet = new Boostlet();\r\n","import {Util} from './util.js';\r\n\r\nimport {Framework} from './framework.js';\r\n\r\nexport class Boostlet {\r\n\r\n constructor() {\r\n\r\n this.framework = null;\r\n\r\n }\r\n\r\n /**\r\n * Initializes the Boostlet.\r\n * \r\n * This includes several steps such as identifying the \r\n * visualization/rendering framework that is available. \r\n * \r\n * TODO: Later we want to have fallbacks in place if the framework\r\n * is not detected.\r\n * \r\n */\r\n init(name, instance) {\r\n\r\n if (typeof name != 'undefined' && typeof instance != 'undefined') {\r\n\r\n console.log('Framework forced by user!');\r\n throw \"Forced Framework Not Implemented.\";\r\n // TODO\r\n\r\n } else {\r\n\r\n this.framework = Util.detect_framework();\r\n\r\n }\r\n\r\n if (this.framework) {\r\n\r\n console.log('Found', this.framework, '!')\r\n \r\n } else {\r\n\r\n throw \"Framework Not Found.\";\r\n\r\n }\r\n\r\n }\r\n\r\n /**\r\n * Let's the user select a region of interest box.\r\n */\r\n async select_box(callback) {\r\n\r\n this.framework.select_box(callback);\r\n\r\n }\r\n\r\n /**\r\n * Let's the user select (multiple) seeds.\r\n */\r\n async select_seed(howmany) {\r\n\r\n throw \"Missing Implementation.\";\r\n\r\n }\r\n\r\n /**\r\n * Loads an external javascript file asynchronously. \r\n */\r\n async load_script(url, callback) {\r\n\r\n Util.load_script(url, callback);\r\n\r\n }\r\n\r\n /**\r\n * Sends a HTTP POST request to a url with some data.\r\n */\r\n async send_http_post(url, data, callback) {\r\n\r\n Util.send_http_post(url, data, callback);\r\n\r\n }\r\n\r\n /**\r\n * Gets the current image (2D).\r\n * \r\n * TODO: Optional bounding box should be supported.\r\n * \r\n */\r\n get_image(from_canvas) {\r\n\r\n return this.framework.get_image(from_canvas);\r\n\r\n }\r\n\r\n /**\r\n * Sets the current image (2D).\r\n * \r\n */\r\n set_image(new_pixels) {\r\n\r\n return this.framework.set_image(new_pixels);\r\n\r\n }\r\n\r\n /**\r\n * Sets the current mask (2D).\r\n * \r\n */\r\n set_mask(new_mask) {\r\n\r\n return this.framework.set_mask(new_mask);\r\n\r\n }\r\n\r\n /**\r\n * Encode raw image data to PNG.\r\n */\r\n convert_to_png(uint8array, width, height) {\r\n\r\n return this.framework.convert_to_png(uint8array, width, height);\r\n\r\n }\r\n\r\n filter(pixels, width, height, kernel) {\r\n\r\n return Util.filter(pixels, width, height, kernel);\r\n\r\n }\r\n\r\n /**\r\n * Displays a small div located at the top left corner of the screen with message and will disappear after the specified time (ms).\r\n * \r\n */\r\n hint(message, duration) {\r\n\r\n return Util.hint(message, duration);\r\n\r\n }\r\n\r\n}\r\n"],"names":[],"version":3,"file":"boostlet.min.js.map"} \ No newline at end of file +{"mappings":"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","sources":["src/util.js","src/framework.js","src/frameworks/cornerstone2d.js","src/frameworks/canvasFallback.js","src/frameworks/niivue.js","src/frameworks/openseadragon.js","src/frameworks/xtk.js","src/frameworks/papaya.js","src/index.js","src/boostlet.js"],"sourcesContent":["import {Framework} from './framework.js';\nimport {Cornerstone2D} from './frameworks/cornerstone2d.js';\nimport {NiiVue} from './frameworks/niivue.js';\nimport { OpenSeaDragon } from './frameworks/openseadragon.js';\nimport { Xtk } from './frameworks/xtk.js';\nimport { Papaya } from './frameworks/papaya.js';\nimport { CanvasFallback } from './frameworks/canvasFallback.js';\n\nexport class Util {\n \n static detect_framework() {\n\n let framework = null;\n\n if (Util.is_defined(window.nv)) {\n \n framework = new NiiVue(window.nv);\n \n } else if (Util.is_defined(window.niivue)) {\n \n framework = new NiiVue(window.niivue);\n\n } else if (Util.is_defined(window.cornerstone)) {\n\n framework = new Cornerstone2D(window.cornerstone);\n\n } else if (Util.is_defined(window.r)) {\n \n framework = new Xtk(window.r);\n \n } else if (Util.is_defined(window.OpenSeadragon)) {\n\n framework = new OpenSeaDragon(window.OpenSeadragon);\n \n } else if (Util.is_defined(window.papayaContainers)) {\n \n framework = new Papaya(window.papayaContainers)\n\n } else {\n // Canvas fallback\n \n console.log(\"No framework detected, falling back to canvas rendering\");\n framework = new CanvasFallback();\n \n }\n\n return framework;\n\n }\n\n static async load_script(url, callback) {\n\n // introducing hack to make it work for openneuro\n window.Object.defineProperty(window.Object.prototype, 'global', {\n get( ){\n return window;\n },\n set(newGlobal) {\n globalThis = newGlobal;\n }\n });\n\n const script = window.document.createElement(\"script\")\n script.type = \"text/javascript\"\n script.src = url;\n\n if (Util.is_defined(callback)) {\n script.onload = callback;\n }\n\n window.document.head.appendChild(script);\n eval(script);\n\n }\n\n static async send_http_post(url, data, callback) {\n\n let xhr = new XMLHttpRequest();\n xhr.open(\"POST\", url);\n xhr.onreadystatechange = function () {\n if (xhr.readyState === 4) {\n // request done\n callback( xhr.response );\n\n return;\n\n }\n }\n\n xhr.send(data)\n\n }\n\n static convert_to_png(uint8array, width, height, flip) {\n\n // we are using an offscreen canvas for this\n let offscreen = window.document.createElement('canvas');\n offscreen.width = width;\n offscreen.height = height;\n\n let offscreen_ctx = offscreen.getContext('2d');\n\n let imgdata = offscreen_ctx.createImageData(offscreen.width, offscreen.height);\n let pxdata = imgdata.data;\n\n for (var i =0; i c.charCodeAt(0));\n\n return pngpixels;\n\n }\n\n static filter(pixels, width, height, kernel) {\n\n const kernelSize = Math.sqrt(kernel.length);\n const halfKernelSize = Math.floor(kernelSize / 2);\n\n const new_pixels = pixels.slice();\n\n for (let y = 0; y < height; y++) {\n for (let x = 0; x < width; x++) {\n const dstIndex = y * width + x;\n\n let newValue = 0;\n for (let ky = 0; ky < kernelSize; ky++) {\n for (let kx = 0; kx < kernelSize; kx++) {\n const srcX = x + kx - halfKernelSize;\n const srcY = y + ky - halfKernelSize;\n const srcIndex = srcY * width + srcX;\n\n const kernelValue = kernel[ky * kernelSize + kx];\n newValue += pixels[srcIndex] * kernelValue;\n }\n }\n\n new_pixels[dstIndex] = newValue;\n\n }\n }\n\n return new_pixels;\n\n }\n\n static grayscale_to_rgba(grayscale) {\n\n const rgba = new Uint8Array(grayscale.length * 4);\n\n for (let i = 0; i < grayscale.length; i++) {\n const g = grayscale[i];\n const index = i * 4;\n\n rgba[index] = g;\n rgba[index + 1] = g;\n rgba[index + 2] = g;\n rgba[index + 3] = 255; \n }\n\n return rgba;\n\n }\n\n static rgba_to_grayscale(rgba) {\n\n const grayscale = new Uint8Array(rgba.length / 4);\n\n for (let i = 0; i < rgba.length; i += 4) {\n\n grayscale[i / 4] = rgba[i];\n\n }\n\n return grayscale;\n\n }\n\n /**\n * Harden a mask into a grayscale pixel array.\n * \n * pixels needs to be RGBA\n * \n * and mask binary.\n * \n * maskcolor is optional and falls back to blue.\n * \n **/\n static harden_mask(pixels, mask, maskcolor) {\n\n // Modified from: https://github.com/facebookresearch/segment-anything/blob/40df6e4046d8b07ab8c4519e083408289eb43032/demo/src/components/helpers/maskUtils.tsx\n // Copyright (c) Meta Platforms, Inc. and affiliates.\n // All rights reserved.\n\n\n let maskcolor_ = [0, 114, 189, 255];\n\n if (Util.is_defined(maskcolor)) {\n \n maskcolor_ = maskcolor;\n \n } \n\n for (var i = 0; i < mask.length; i++) {\n\n if (mask[i] > 0.0) {\n pixels[4 * i + 0] = maskcolor_[0];\n pixels[4 * i + 1] = maskcolor_[1];\n pixels[4 * i + 2] = maskcolor_[2];\n pixels[4 * i + 3] = maskcolor_[3];\n }\n\n }\n\n return pixels;\n\n }\n\n static is_defined(variable) {\n\n return (typeof variable != 'undefined');\n\n }\n \n // \"Boostlet Tooltips\" - This is a hint mechanism that allows to display a message for a certain amount of time (ms).\n static hint(message, duration) {\n\n let hint = window.document.createElement('div');\n hint.id = 'BoostletHint';\n\n hint.style.position = 'fixed';\n hint.style.left = '10px';\n hint.style.top = '10px';\n hint.style.padding = '10px';\n hint.style.background = '#fff';\n hint.style.color = '#000';\n hint.style.zIndex = '100000';\n hint.style.border = '1px solid #007ec6';\n hint.style.borderRadius = '5px';\n hint.style.boxShadow = '0px 0px 20px 5px rgba(0,0,0, 0.3)';\n hint.style.fontSize = '14px';\n hint.style.fontWeight = 'bold';\n hint.style.textAlign = 'center';\n\n hint.innerHTML = message;\n \n window.document.body.appendChild(hint);\n\n if (typeof duration === 'number' && duration > 0) {\n setTimeout(function() {\n hint.remove();\n }, duration);\n }\n\n }\n\n}","import {Util} from './util.js';\n\nexport class Framework {\n\n constructor(instance) {\n\n this.name = 'generic';\n this.instance = instance;\n\n this.flip_on_png = false;\n\n }\n\n get_image(from_canvas) {\n\n throw \"Missing Implementation.\";\n\n }\n\n set_image(new_pixels) {\n\n throw \"Missing Implementation.\";\n\n }\n\n set_mask(new_mask) {\n\n throw \"Missing Implementation.\";\n \n }\n\n select_box(callback) {\n\n throw \"Missing Implementation.\";\n\n }\n\n convert_to_png(uint8array, width, height) {\n\n return Util.convert_to_png(uint8array, width, height, this.flip_on_png);\n\n }\n\n}\n","import {Framework} from '../framework.js';\n\nimport {Util} from '../util.js';\n\nimport {CanvasFallback} from './canvasFallback.js';\n\nexport class Cornerstone2D extends Framework {\n \n constructor(instance) {\n\n super(instance);\n this.name = 'cornerstone2D';\n this.canvasFallback = new CanvasFallback();\n\n this.cornerstonetools_instance = null;\n\n if (typeof window.cornerstoneTools != 'undefined') {\n\n // TODO probably not too robust\n this.cornerstonetools_instance = window.cornerstoneTools;\n\n }\n\n this.flip_on_png = false;\n\n }\n\n get_image(from_canvas) {\n\n let element = this.instance.getEnabledElements()[0];\n let pixels = null;\n let width = null;\n let height = null;\n\n if (typeof from_canvas != 'undefined') {\n\n // TODO this is hacky going through the canvas\n // later should grab the real volume data\n\n let canvas = element.canvas;\n width = canvas.width;\n height = canvas.height;\n\n let ctx = canvas.getContext('2d');\n\n let imagedata = ctx.getImageData(0, 0, width, height);\n pixels = imagedata.data;\n\n } else {\n\n // this is the real image slice data\n let imagedata = element.image;\n pixels = imagedata.getPixelData();\n width = imagedata.width;\n height = imagedata.height;\n\n }\n\n return {'data':pixels, 'width':width, 'height':height};\n\n }\n\n set_image(new_pixels) {\n\n let element = this.instance.getEnabledElements()[0];\n let pixels = element.image.getPixelData();\n\n // Set the new pixel values\n pixels.set(new_pixels);\n\n // Re-render the current slice\n cornerstone.renderGrayscaleImage(element, true);\n\n }\n\n set_mask(new_mask) {\n return this.canvasFallback.set_mask(new_mask);\n \n }\n\n select_box(callback) {\n\n if(this.cornerstonetools_instance.RectangleRoiTool === undefined) {\n console.log(\"Using Boxcraft library to handle box selection.\");\n let element = this.instance.getEnabledElements()[0];\n let canvas = element.canvas;\n\n // Disable the Wwwc tool\n cornerstoneTools.setToolDisabled(\"Wwwc\");\n\n BoxCraft.createDraggableBBox(canvas, function (topleft, bottomright) {\n callback(topleft, bottomright);\n });\n\n BoxCraft.createResizableBBox(canvas, function(topleft, bottomright) {\n console.log(\"Inside Draggable BBox\",topleft, bottomright);\n callback(topleft, bottomright);\n });\n\n // return this.canvasFallback.select_box(callback);\n\n\n }\n else{\n console.log(\"Using Cornerstonetools to handle box selection.\");\n this.cornerstonetools_instance.setToolActive(\"RectangleRoi\", {\n mouseButtonMask: 1,\n });\n\n let element = this.instance.getEnabledElements()[0];\n let canvas = element.canvas;\n\n canvas.onmouseup = function () {\n let state =\n this.cornerstonetools_instance.globalImageIdSpecificToolStateManager.saveToolState();\n\n let topleft =\n state[Object.keys(state).pop()].RectangleRoi.data[0].handles.start;\n let bottomright =\n state[Object.keys(state).pop()].RectangleRoi.data[0].handles.end;\n\n let topleft_c = this.instance.pixelToCanvas(element.element, topleft);\n let bottomright_c = this.instance.pixelToCanvas(\n element.element,\n bottomright\n );\n\n this.cornerstonetools_instance.clearToolState(\n element.element,\n \"RectangleRoi\"\n );\n this.instance.renderGrayscaleImage(element, true);\n callback(topleft_c, bottomright_c);\n }.bind(this);\n }\n\n }\n\n}","import { Framework } from \"../framework.js\";\n\nimport { Util } from \"../util.js\";\n\n\n\nexport class CanvasFallback extends Framework {\n constructor() {\n super();\n this.name = \"canvasFallback\";\n }\n\n get_canvas() {\n let canvases = document.querySelectorAll('canvas');\n let largestCanvas = canvases[0];\n let largestArea = largestCanvas.width * largestCanvas.height;\n\n for (let i = 1; i < canvases.length; i++) {\n let area = canvases[i].width * canvases[i].height;\n if (area > largestArea) {\n largestCanvas = canvases[i];\n largestArea = area;\n }\n }\n\n return largestCanvas;\n }\n\n get_image(from_canvas) {\n\n let canvas = this.get_canvas();\n\n let ctx = canvas.getContext(\"2d\");\n\n let image = ctx.getImageData(0, 0, canvas.width, canvas.height);\n let rgba_image = Util.rgba_to_grayscale(image.data);\n\n if (from_canvas) {\n return { data: image.data, width: image.width, height: image.height };\n } else {\n return { data: rgba_image, width: image.width, height: image.height };\n }\n }\n\n set_image(new_pixels) {\n let originalcanvas = this.get_canvas();\n\n let newcanvas = window.document.createElement(\"canvas\");\n\n newcanvas.width = originalcanvas.width;\n newcanvas.height = originalcanvas.height;\n\n let ctx = newcanvas.getContext(\"2d\");\n\n let newPixelsRgba = Util.grayscale_to_rgba(new_pixels);\n\n let newPixelsClamped = new Uint8ClampedArray(newPixelsRgba);\n\n let newImageData = new ImageData(\n newPixelsClamped,\n newcanvas.width,\n newcanvas.height\n );\n\n // Draw the new image data onto the canvas\n ctx.putImageData(newImageData, 0, 0);\n\n newcanvas.onclick = function () {\n // on click, we will restore the nv canvas\n newcanvas.parentNode.replaceChild(originalcanvas, newcanvas);\n };\n\n // replace nv canvas with new one\n originalcanvas.parentNode.replaceChild(newcanvas, originalcanvas);\n }\n\n set_mask(new_mask) {\n let image = this.get_image(true);\n\n let originalcanvas = this.get_canvas();\n\n let newcanvas = window.document.createElement('canvas');\n\n newcanvas.width = originalcanvas.width;\n newcanvas.height = originalcanvas.height;\n\n let ctx = newcanvas.getContext('2d');\n\n let imageclamped = new Uint8ClampedArray(image.data);\n\n let newImageData = new ImageData(\n imageclamped,\n newcanvas.width,\n newcanvas.height\n );\n\n // Draw the new image data onto the canvas\n ctx.putImageData(newImageData, 0, 0);\n\n image = ctx.getImageData(0, 0, newcanvas.width, newcanvas.height);\n\n let masked_image = Util.harden_mask(image.data, new_mask);\n\n let masked_image_as_imagedata = new ImageData(\n masked_image,\n newcanvas.width,\n newcanvas.height\n );\n\n ctx.putImageData(masked_image_as_imagedata, 0, 0);\n\n originalcanvas.parentNode.replaceChild(newcanvas, originalcanvas);\n }\n\n select_box(callback) {\n let scriptBoxCraft = document.createElement(\"script\");\n scriptBoxCraft.type = \"text/javascript\";\n // scriptBoostlet.src = \"https://boostlet.org/dist/boxcraft.min.js\";\n // scriptBoxCraft.src = \"https://shrutivarade.github.io/BoxCraft/dist/boxCraft.min.js\";\n // scriptBoxCraft.src = \"https://shrutivarade.github.io/boostlet/dist/boxcraft.min.js\";\n scriptBoxCraft.src = \"http://localhost:8000/dist/boxcraft.min.js\";\n let canvas = this.get_canvas();\n document.head.appendChild(scriptBoxCraft);\n\n scriptBoxCraft.onload = function() {\n\n BoxCraft.createDraggableBBox(canvas, function (topleft, bottomright) {\n console.log(\"Inside Draggable BBox\", topleft, bottomright);\n callback(topleft, bottomright);\n });\n }\n\n }\n\n}","import {Framework} from '../framework.js';\n\nimport {Util} from '../util.js';\nimport {CanvasFallback} from './canvasFallback.js';\n\nexport class NiiVue extends Framework {\n \n constructor(instance) {\n\n super(instance);\n this.name = 'niivue';\n this.canvasFallback = new CanvasFallback();\n\n this.flip_on_png = true;\n\n this.onMouseDown = false;\n this.x1 = null;\n this.y1 = null;\n this.x2 = null;\n this.y2 = null;\n\n }\n\n get_image(from_canvas) {\n\n let element = this.instance.canvas;\n let pixels = null;\n let width = null;\n let height = null;\n\n\n // TODO this is hacky going through the canvas\n // later should grab the real volume data\n\n let old_crosshaircolor = this.instance.opts.crosshairColor;\n let old_crosshairwidth = this.instance.opts.crosshairWidth;\n\n this.instance.setCrosshairColor([0,0,0,0]);\n this.instance.opts.crosshairWidth=0;\n this.instance.updateGLVolume();\n\n\n let ctx = this.instance.gl;\n\n \n width = ctx.drawingBufferWidth;\n height = ctx.drawingBufferHeight;\n\n pixels = new Uint8Array(width * height * 4);\n ctx.readPixels(\n 0, \n 0, \n width, \n height, \n ctx.RGBA, \n ctx.UNSIGNED_BYTE, \n pixels);\n\n // restore crosshairs\n this.instance.setCrosshairColor(old_crosshaircolor);\n this.instance.opts.crosshairWidth = old_crosshairwidth;\n\n if (!Util.is_defined(from_canvas)) {\n\n // convert rgba pixels to grayscale\n pixels = Util.rgba_to_grayscale(pixels);\n\n } else {\n\n // TODO\n // not easily possible yet\n // we could hack it using \n // nv.back.get_value(x,y,z)\n // based on the dimensions\n // nv.back.dims.slice(1);\n // but devs promised easy access in the future\n\n }\n\n\n return {'data':pixels, 'width':width, 'height':height};\n\n }\n\n /**\n * Sets the NiiVue.js image.\n * \n * If is_rgba==true, we do *not* convert to RGBA before setting on canvas.\n **/\n set_image(new_pixels, is_rgba, no_flip) {\n\n // TODO this is hacky since we dont work with the real volume yet\n // create new canvas\n // put pixels on canvas\n // show canvas\n // hide on click\n\n let originalcanvas = this.instance.canvas;\n\n let newcanvas = window.document.createElement('canvas');\n newcanvas.width = originalcanvas.width;\n newcanvas.height = originalcanvas.height;\n\n // put new_pixels down\n let ctx = newcanvas.getContext('2d');\n\n let new_pixels_rgba = null;\n\n if (Util.is_defined(is_rgba)) {\n\n new_pixels_rgba = new_pixels;\n\n } else {\n\n new_pixels_rgba = Util.grayscale_to_rgba(new_pixels);\n\n\n }\n\n let new_pixels_clamped = new Uint8ClampedArray(new_pixels_rgba);\n\n let new_image_data = new ImageData(new_pixels_clamped, newcanvas.width, newcanvas.height);\n \n\n ctx.putImageData(new_image_data, 0, 0);\n\n if (!Util.is_defined(no_flip)) {\n // some flipping action\n ctx.save();\n ctx.scale(1, -1);\n ctx.drawImage(newcanvas, 0, -newcanvas.height);\n ctx.restore();\n }\n\n\n newcanvas.onclick = function() {\n\n // on click, we will restore the nv canvas\n newcanvas.parentNode.replaceChild(originalcanvas, newcanvas);\n\n }\n\n // replace nv canvas with new one\n // originalcanvas.parentNode.replaceChild(newcanvas, originalcanvas);\n newcanvas.style.width = originalcanvas.clientWidth+'px';\n newcanvas.style.height = originalcanvas.clientHeight+'px';\n originalcanvas.parentNode.replaceChild(newcanvas, originalcanvas);\n\n }\n\n set_mask(new_mask) {\n\n // merge image + mask\n // and then call set_image with that information\n\n let image = this.get_image(true);\n\n // TODO here we need to flip one more time, this is until\n // we use the official niivue infrastructure for adding\n // a segmentation layer\n let originalcanvas = this.instance.canvas;\n\n let newcanvas = window.document.createElement('canvas');\n newcanvas.width = originalcanvas.width;\n newcanvas.height = originalcanvas.height;\n // put new_pixels down\n let ctx = newcanvas.getContext('2d');\n let imageclamped = new Uint8ClampedArray(image.data);\n let imagedata = new ImageData(imageclamped, image.width, image.height);\n ctx.putImageData(imagedata, 0, 0);\n ctx.save();\n ctx.scale(1, -1);\n ctx.drawImage(newcanvas, 0, -newcanvas.height);\n ctx.restore();\n image = ctx.getImageData(0, 0, newcanvas.width, newcanvas.height);\n // end of flip\n\n let masked_image = Util.harden_mask(image.data, new_mask);\n\n this.set_image(masked_image, true, true); // rgba data, no flip\n\n\n }\n\n select_box(callback) {\n return this.canvasFallback.select_box(callback);\n\n }\n\n}\n","import {Framework} from '../framework.js';\n\nimport {Util} from '../util.js';\n\nimport {CanvasFallback} from './canvasFallback.js';\n\nexport class OpenSeaDragon extends Framework {\n constructor(instance) {\n super(instance);\n this.name = 'opensedragon';\n this.canvasFallback = new CanvasFallback();\n\n }\n\n get_image(from_canvas) {\n return this.canvasFallback.get_image(from_canvas);\n }\n\n set_image(new_pixels) {\n return this.canvasFallback.set_image(new_pixels);\n }\n\n set_mask(new_mask) {\n // return this.canvasFallback.set_mask(new_mask);\n\n let viewer = null;\n let vs = this.instance._viewers;\n vs.forEach(function (e) {\n if (e.id == \"viewer\") {\n viewer = e;\n }\n });\n\n if (!viewer) {\n throw \"OpenSeaDragon viewer not found.\";\n }\n\n let canvas = viewer.canvas.children[0];\n width = canvas.width;\n height = canvas.height;\n\n let ctx = canvas.getContext(\"2d\");\n let imagedata = ctx.getImageData(0, 0, width, height);\n let pixels = imagedata.data;\n\n let masked_image = Util.harden_mask(pixels, new_mask);\n let masked_image_as_imagedata = new ImageData(masked_image, width, height);\n ctx.putImageData(masked_image_as_imagedata, 0, 0);\n }\n\n select_box(callback) {\n\n console.log(\"Using Boxcraft library to handle box selection.\");\n let viewer = null;\n let vs = this.instance._viewers;\n vs.forEach(function (e) {\n if (e.id == \"viewer\") {\n viewer = e;\n }\n });\n\n if (!viewer) {\n throw \"OpenSeaDragon viewer not found.\";\n }\n\n let canvas = viewer.canvas;\n\n BoxCraft.createDraggableBBox(canvas, function (topleft, bottomright) {\n callback(topleft, bottomright);\n });\n\n }\n\n \n\n}\n \n","import { Framework } from \"../framework.js\";\n\nimport { Util } from \"../util.js\";\n\nimport { CanvasFallback } from \"./canvasFallback.js\";\n\nexport class Xtk extends Framework {\n constructor(instance) {\n super(instance);\n this.name = \"xtk\";\n this.canvasFallback = new CanvasFallback();\n }\n\n get_image(from_canvas) {\n return this.canvasFallback.get_image(from_canvas);\n }\n\n set_image(new_pixels) {\n return this.canvasFallback.set_image(new_pixels);\n }\n\n set_mask(new_mask) {\n return this.canvasFallback.set_mask(new_mask);\n }\n\n select_box(callback) {\n return this.canvasFallback.select_box(callback);\n }\n}\n","import { Framework } from \"../framework.js\";\n\nimport { Util } from \"../util.js\";\n\nimport { CanvasFallback } from \"./canvasFallback.js\";\n\nexport class Papaya extends Framework {\n constructor(instance) {\n super(instance);\n this.name = \"papaya\";\n this.canvasFallback = new CanvasFallback();\n }\n\n get_image(from_canvas) {\n return this.canvasFallback.get_image(from_canvas);\n }\n\n set_image(new_pixels) {\n return this.canvasFallback.set_image(new_pixels);\n }\n\n set_mask(new_mask) {\n return this.canvasFallback.set_mask(new_mask);\n }\n\n select_box(callback) {\n return this.canvasFallback.select_box(callback);\n }\n}\n","\nimport {Boostlet} from \"./boostlet.js\"\n\nwindow.console.log('BOOSTLET VERSION 0.1-beta');\n\n// register global namespace with a new boostlet instance\n// later we might want to support multiple active boostlets\nwindow.Boostlet = new Boostlet();\n","import {Util} from './util.js';\n\nimport {Framework} from './framework.js';\n\nexport class Boostlet {\n\n constructor() {\n\n this.framework = null;\n\n }\n\n /**\n * Initializes the Boostlet.\n * \n * This includes several steps such as identifying the \n * visualization/rendering framework that is available. \n * \n * TODO: Later we want to have fallbacks in place if the framework\n * is not detected.\n * \n */\n init(name, instance) {\n\n if (typeof name != 'undefined' && typeof instance != 'undefined') {\n\n console.log('Framework forced by user!');\n throw \"Forced Framework Not Implemented.\";\n // TODO\n\n } else {\n\n this.framework = Util.detect_framework();\n\n }\n\n if (this.framework) {\n\n console.log('Found', this.framework, '!')\n \n } else {\n\n throw \"Framework Not Found.\";\n\n }\n\n }\n\n /**\n * Let's the user select a region of interest box.\n */\n async select_box(callback) {\n\n this.framework.select_box(callback);\n\n }\n\n /**\n * Let's the user select (multiple) seeds.\n */\n async select_seed(howmany) {\n\n throw \"Missing Implementation.\";\n\n }\n\n /**\n * Loads an external javascript file asynchronously. \n */\n async load_script(url, callback) {\n\n Util.load_script(url, callback);\n\n }\n\n /**\n * Sends a HTTP POST request to a url with some data.\n */\n async send_http_post(url, data, callback) {\n\n Util.send_http_post(url, data, callback);\n\n }\n\n /**\n * Gets the current image (2D).\n * \n * TODO: Optional bounding box should be supported.\n * \n */\n get_image(from_canvas) {\n\n return this.framework.get_image(from_canvas);\n\n }\n\n /**\n * Sets the current image (2D).\n * \n */\n set_image(new_pixels) {\n\n return this.framework.set_image(new_pixels);\n\n }\n\n /**\n * Sets the current mask (2D).\n * \n */\n set_mask(new_mask) {\n\n return this.framework.set_mask(new_mask);\n\n }\n\n /**\n * Encode raw image data to PNG.\n */\n convert_to_png(uint8array, width, height) {\n\n return this.framework.convert_to_png(uint8array, width, height);\n\n }\n\n filter(pixels, width, height, kernel) {\n\n return Util.filter(pixels, width, height, kernel);\n\n }\n\n /**\n * Displays a small div located at the top left corner of the screen with message and will disappear after the specified time (ms).\n * \n */\n hint(message, duration) {\n\n return Util.hint(message, duration);\n\n }\n\n}\n"],"names":[],"version":3,"file":"boostlet.min.js.map"} \ No newline at end of file diff --git a/dist/boxcraft.min.js b/dist/boxcraft.min.js new file mode 100644 index 00000000..771ddd1b --- /dev/null +++ b/dist/boxcraft.min.js @@ -0,0 +1,301 @@ +class $fca228c3af8a0080$export$a829527ff4e4114a { + constructor(element, callback){ + this.element = element; + this.callback = callback; + // Bind the 'resizeCanvas' method to the current context + this.resizeCanvas = this.resizeCanvas.bind(this); + } + init() { + // Create a new canvas element + this.overlayCanvas = document.createElement("canvas"); + // Set the dimensions of the canvas to match the base image + this.overlayCanvas.width = this.element.clientWidth; + this.overlayCanvas.height = this.element.clientHeight; + // Style the canvas to overlay the base image + this.overlayCanvas.style.position = "absolute"; + this.overlayCanvas.style.left = this.element.offsetLeft + "px"; + this.overlayCanvas.style.top = this.element.offsetTop + "px"; + this.overlayCanvas.style.zIndex = "1000"; // High value to ensure it's on top + this.ctx = this.overlayCanvas.getContext("2d"); + this.ctx.clearRect(0, 0, this.overlayCanvas.width, this.overlayCanvas.height); + // Append the overlay canvas to the same parent element as the base image + this.element.parentElement.appendChild(this.overlayCanvas); + // Add the resize event listener + window.addEventListener("resize", this.resizeCanvas); + // Call resizeCanvas initially to set the correct size from the start + this.resizeCanvas(); + } + resizeCanvas() { + // Update the canvas dimensions to match the parent element's size + this.overlayCanvas.width = this.element.clientWidth; + this.overlayCanvas.height = this.element.clientHeight; + // Update the style to reflect the new position if necessary + this.overlayCanvas.style.left = this.element.offsetLeft + "px"; + this.overlayCanvas.style.top = this.element.offsetTop + "px"; + // Clear the canvas and call the callback if any drawing is required + this.ctx.clearRect(0, 0, this.overlayCanvas.width, this.overlayCanvas.height); + if (this.callback) this.callback(); + } + hide() { + // Implement the hide functionality if needed + this.overlayCanvas.style.display = "none"; + } + show() { + // Implement the show functionality if needed + this.overlayCanvas.style.display = "block"; + } + // Make sure to remove the event listener when the widget is no longer needed + destroy() { + window.removeEventListener("resize", this.resizeCanvas); + // Perform any additional cleanup like removing the canvas if necessary + } +} + + + +class $f52c7bfdf3db710e$export$dd23631818154ff extends (0, $fca228c3af8a0080$export$a829527ff4e4114a) { + constructor(element, callback){ + super(element, callback); + this.rect = {}; + this.handleRadius = 2; + this.dragTL = this.dragBL = this.dragTR = this.dragBR = false; + this.dragWholeRect = false; + super.init(); + this.initRect(); + this.drawRectInCanvas(); + this.attachResizeListeners(); + } + initRect() { + this.rect.height = 50; + this.rect.width = 50; + // this.rect.left = (window.innerWidth - this.rect.width) / 2; + // this.rect.top = (window.innerHeight - this.rect.height) / 2; + this.rect.left = (this.element.width - this.rect.width) / 2; + this.rect.top = (this.element.height - this.rect.height) / 2; + } + drawRectInCanvas() { + var ctx = this.overlayCanvas.getContext("2d"); + ctx.clearRect(0, 0, this.overlayCanvas.width, this.overlayCanvas.height); + ctx.beginPath(); + ctx.lineWidth = "1"; + ctx.fillStyle = "rgba(255, 255, 255, 0.5)"; + ctx.strokeStyle = "#000000"; + ctx.rect(this.rect.left, this.rect.top, this.rect.width, this.rect.height); + ctx.fill(); + ctx.stroke(); + } + attachResizeListeners() { + this.overlayCanvas.addEventListener("mousedown", this.mouseDown.bind(this), false); + this.overlayCanvas.addEventListener("mouseup", this.mouseUp.bind(this), false); + this.overlayCanvas.addEventListener("mousemove", this.mouseMove.bind(this), false); + } + mouseDown(e) { + // ... implementation of mouseDown + let pos = this.getMousePos(e); + let mouseX = pos.x; + let mouseY = pos.y; + // 0. inside movable rectangle + if (this.checkInRect(mouseX, mouseY, this.rect)) { + this.dragWholeRect = true; + this.startX = mouseX; + this.startY = mouseY; + } else if (this.checkCloseEnough(mouseX, this.rect.left) && this.checkCloseEnough(mouseY, this.rect.top)) this.dragTL = true; + else if (this.checkCloseEnough(mouseX, this.rect.left + this.rect.width) && this.checkCloseEnough(mouseY, this.rect.top)) this.dragTR = true; + else if (this.checkCloseEnough(mouseX, this.rect.left) && this.checkCloseEnough(mouseY, this.rect.top + this.rect.height)) this.dragBL = true; + else if (this.checkCloseEnough(mouseX, this.rect.left + this.rect.width) && this.checkCloseEnough(mouseY, this.rect.top + this.rect.height)) this.dragBR = true; + this.drawRectInCanvas(); + } + // Add the rest of the helper functions like getMousePos, checkInRect, checkCloseEnough here. + getMousePos(evt) { + let clx = evt.clientX; + let cly = evt.clientY; + let boundingRect = this.element.getBoundingClientRect(); + return { + x: clx - boundingRect.left, + y: cly - boundingRect.top + }; + } + checkInRect(x, y, r) { + return x > r.left && x < r.width + r.left && y > r.top && y < r.top + r.height; + } + checkCloseEnough(p1, p2) { + return Math.abs(p1 - p2) < this.handleRadius; + } + mouseMove(e) { + let pos = this.getMousePos(e); + let mouseX = pos.x; + let mouseY = pos.y; + // Update the cursor style based on mouse position + this.updateCursorStyle(mouseX, mouseY); + if (this.dragWholeRect) { + e.preventDefault(); + e.stopPropagation(); + let dx = mouseX - this.startX; + let dy = mouseY - this.startY; + if (this.rect.left + dx > 0 && this.rect.left + dx + this.rect.width < this.overlayCanvas.width) this.rect.left += dx; + if (this.rect.top + dy > 0 && this.rect.top + dy + this.rect.height < this.overlayCanvas.height) this.rect.top += dy; + this.startX = mouseX; + this.startY = mouseY; + } else if (this.dragTL) { + e.preventDefault(); + e.stopPropagation(); + let newSide = (Math.abs(this.rect.left + this.rect.width - mouseX) + Math.abs(this.rect.height + this.rect.top - mouseY)) / 2; + if (newSide > 50) { + this.rect.left = this.rect.left + this.rect.width - newSide; + this.rect.top = this.rect.height + this.rect.top - newSide; + this.rect.width = this.rect.height = newSide; + } + } else if (this.dragTR) { + e.preventDefault(); + e.stopPropagation(); + let newSide = (Math.abs(mouseX - this.rect.left) + Math.abs(this.rect.height + this.rect.top - mouseY)) / 2; + if (newSide > 50) { + this.rect.top = this.rect.height + this.rect.top - newSide; + this.rect.width = this.rect.height = newSide; + } + } else if (this.dragBL) { + e.preventDefault(); + e.stopPropagation(); + let newSide = (Math.abs(this.rect.left + this.rect.width - mouseX) + Math.abs(this.rect.top - mouseY)) / 2; + if (newSide > 50) { + this.rect.left = this.rect.left + this.rect.width - newSide; + this.rect.width = this.rect.height = newSide; + } + } else if (this.dragBR) { + e.preventDefault(); + e.stopPropagation(); + let newSide = (Math.abs(mouseX - this.rect.left) + Math.abs(mouseY - this.rect.top)) / 2; + if (newSide > 50) this.rect.width = this.rect.height = newSide; + } + this.drawRectInCanvas(); + } + updateCursorStyle(mouseX, mouseY) { + if (this.checkCloseEnough(mouseX, this.rect.left) && this.checkCloseEnough(mouseY, this.rect.top)) this.overlayCanvas.style.cursor = "nwse-resize"; // Top left corner + else if (this.checkCloseEnough(mouseX, this.rect.left + this.rect.width) && this.checkCloseEnough(mouseY, this.rect.top)) this.overlayCanvas.style.cursor = "nesw-resize"; // Top right corner + else if (this.checkCloseEnough(mouseX, this.rect.left) && this.checkCloseEnough(mouseY, this.rect.top + this.rect.height)) this.overlayCanvas.style.cursor = "nesw-resize"; // Bottom left corner + else if (this.checkCloseEnough(mouseX, this.rect.left + this.rect.width) && this.checkCloseEnough(mouseY, this.rect.top + this.rect.height)) this.overlayCanvas.style.cursor = "nwse-resize"; // Bottom right corner + else this.overlayCanvas.style.cursor = "default"; // Default cursor elsewhere + } + mouseUp(e) { + this.dragTL = this.dragTR = this.dragBL = this.dragBR = false; + this.dragWholeRect = false; + this.storeCoordinates(); + } + storeCoordinates() { + // ... implementation of storeCoordinates + let topleft = { + x: this.rect.left, + y: this.rect.top + }; + let bottomright = { + x: this.rect.left + this.rect.width, + y: this.rect.top + this.rect.height + }; + // console.log("Top Left:", topleft, "Bottom Right:", bottomright); + this.callback(topleft, bottomright); // Invoke the callback with the coordinates + } +} // Usage: + // Assuming `callback` is a function that handles the top-left and bottom-right coordinates + // And `element` is the canvas element to which the bounding box should be applied + // let element = document.getElementById('canvas'); + // let resizableBox = new ResizableBBox(element); + // resizableBox.init(); + + + +class $e0e05d850538fde1$export$8a7a1b898028e86c extends (0, $fca228c3af8a0080$export$a829527ff4e4114a) { + constructor(element, callback){ + super(element); + this.callback = callback; + this.isDrawing = false; + this.startX = 0; + this.startY = 0; + this.x1 = 0; + this.y1 = 0; + this.x2 = 0; + this.y2 = 0; + super.init(); + this.overlayCanvas.style.cursor = "crosshair"; // Set the cursor to crosshair + this.attachEventListeners(); + } + attachEventListeners() { + this.overlayCanvas.addEventListener("mousedown", this.mouseDown.bind(this)); + this.overlayCanvas.addEventListener("mousemove", this.mouseMove.bind(this)); + this.overlayCanvas.addEventListener("mouseup", this.mouseUp.bind(this)); + this.overlayCanvas.addEventListener("mouseout", this.mouseOut.bind(this)); + } + mouseDown(e1) { + var rect = e1.currentTarget.getBoundingClientRect(); + this.isDrawing = true; + this.x1 = e1.clientX * window.devicePixelRatio - rect.left * window.devicePixelRatio; + this.y1 = e1.clientY * window.devicePixelRatio - rect.top * window.devicePixelRatio; + this.startX = e1.offsetX; + this.startY = e1.offsetY; + console.log("Mouse down at:", this.x1, this.y1); + } + mouseMove(e1) { + if (!this.isDrawing) return; + this.ctx.clearRect(0, 0, this.overlayCanvas.width, this.overlayCanvas.height); // Clear canvas + let width = e1.offsetX - this.startX; + let height = e1.offsetY - this.startY; + console.log("Mouse Move at:", this.x1, this.y1); + this.ctx.strokeRect(this.startX, this.startY, width, height); + } + mouseUp(e1) { + this.isDrawing = false; + var rect = e1.currentTarget.getBoundingClientRect(); + this.x2 = e1.clientX * window.devicePixelRatio - rect.left * window.devicePixelRatio; + this.y2 = e1.clientY * window.devicePixelRatio - rect.top * window.devicePixelRatio; + console.log("Mouse up at: ", this.x2, this.y2); + this.storeCoordinates(); + } + mouseOut() { + if (this.isDrawing) { + // Store coordinates also when the mouse accidentally leaves the canvas + var rect = e.currentTarget.getBoundingClientRect(); + this.x2 = e.clientX * window.devicePixelRatio - rect.left * window.devicePixelRatio; + this.y2 = e.clientY * window.devicePixelRatio - rect.top * window.devicePixelRatio; + console.log("Mouse out at: ", this.x2, this.y2); + this.storeCoordinates(); + } + this.isDrawing = false; + } + storeCoordinates() { + let topleft = { + x: this.x1, + y: this.y1 + }; + let bottomright = { + x: this.x2, + y: this.y2 + }; + this.callback(topleft, bottomright); // Invoke the callback with the coordinates + } +} // Usage: + // Assuming `callback` is a function that handles the top-left and bottom-right coordinates + // And `element` is the canvas element to which the bounding box should be applied + // let element = document.getElementById('canvas'); + // let bbox = new BBox(element, callback); + // bbox.init(); + + +class $5018ea9c30d774e7$export$247262aa28c26769 { + constructor(){} + createResizableBBox(element, callback) { + console.log("Resizable BBox"); + return new (0, $f52c7bfdf3db710e$export$dd23631818154ff)(element, callback); + } + createDraggableBBox(element, callback) { + console.log("Draggable BBox"); + return new (0, $e0e05d850538fde1$export$8a7a1b898028e86c)(element, callback); + } +} + + + +// register global namespace with a new BoxCraft instance +window.BoxCraft = new (0, $5018ea9c30d774e7$export$247262aa28c26769)(); +window.console.log("BoxCraft VERSION 0.1-alpha"); + + +//# sourceMappingURL=boxCraft.min.js.map diff --git a/examples/segmentanything.js b/examples/segmentanything.js index 0c9f93bc..711e77de 100644 --- a/examples/segmentanything.js +++ b/examples/segmentanything.js @@ -1,10 +1,42 @@ -script = document.createElement("script"); -script.type = "text/javascript"; -script.src = "https://boostlet.org/dist/boostlet.min.js"; +let boostletLoaded = false; +let boxCraftLoaded = false; + +function tryRun() { + if (boostletLoaded && boxCraftLoaded) { + run(); + + } +} + +// Load Boostlet script +let scriptBoostlet = document.createElement("script"); +scriptBoostlet.type = "text/javascript"; +scriptBoostlet.src = "https://boostlet.org/dist/boostlet.min.js"; +// scriptBoostlet.src = "https://shrutivarade.github.io/boostlet/dist/boostlet.min.js"; +// scriptBoostlet.src = "http://localhost:8000/dist/boostlet.min.js"; +scriptBoostlet.onload = function() { + boostletLoaded = true; + tryRun(); +}; + +// scriptBoostlet.onload = run; + +document.head.appendChild(scriptBoostlet); + +// Load BoxCraft script +let scriptBoxCraft = document.createElement("script"); +scriptBoxCraft.type = "text/javascript"; +scriptBoostlet.src = "https://boostlet.org/dist/boxcraft.min.js"; +// scriptBoxCraft.src = "https://shrutivarade.github.io/BoxCraft/dist/boxCraft.min.js"; +// scriptBoxCraft.src = "https://shrutivarade.github.io/boostlet/dist/boxcraft.min.js"; +// scriptBoxCraft.src = "http://localhost:8000/dist/boxcraft.min.js"; +scriptBoxCraft.onload = function() { + boxCraftLoaded = true; + tryRun(); +}; +document.head.appendChild(scriptBoxCraft); + -script.onload = run; -document.head.appendChild(script); -eval(script); function run() { diff --git a/index.html b/index.html index 8c51c450..6def4ec6 100644 --- a/index.html +++ b/index.html @@ -235,6 +235,8 @@ var baseurl = 'https://raw.githubusercontent.com/mpsych/boostlet/main/examples/'; // var baseurl = 'https://raw.githubusercontent.com/gaiborjosue/boostlet/melanoma/examples/'; // var baseurl = 'http://localhost:5500/examples/'; + // var baseurl = 'http://localhost:8000/examples/'; + // var baseurl = 'https://raw.githubusercontent.com/shrutivarade/boostlet/main/examples/'; for (e in examples) { diff --git a/operatingSystem.js b/operatingSystem.js new file mode 100644 index 00000000..aef498a9 --- /dev/null +++ b/operatingSystem.js @@ -0,0 +1,24 @@ +const { execSync } = require('child_process'); +const os = require('os'); + +// Define source and destination files +const source = './submodule/BoxCraft/dist/boxcraft.min.js'; +const destination = './dist/'; + +// Commands for different OSes +const copyCommand = { + 'win32': `copy ${source} ${destination}`, + 'linux': `cp ${source} ${destination}`, + 'darwin': `cp ${source} ${destination}` // macOS +}; + +// Get the current OS platform +const platform = os.platform(); + +// Execute the command for the current OS +try { + execSync(`${copyCommand[platform]} && ${copyCommand[platform]}.map`); + console.log('Files copied successfully.'); +} catch (error) { + console.error('Error during file copying:', error); +} diff --git a/package.json b/package.json index c5ff1952..cef9f918 100644 --- a/package.json +++ b/package.json @@ -5,7 +5,12 @@ "main": "dist/boostlet.min.js", "scripts": { "dev": "npx live-server --port=5501 --no-browser", - "test": "node --experimental-modules ./tests/scripts/index.js" + "test": "node --experimental-modules ./tests/scripts/index.js", + "prebuild": "git submodule init && git submodule update", + "build-boxcraft": "npx parcel build submodule/BoxCraft/src/index.js --dist-dir ./dist && node operatingSystem.js", + "build-boostlet": "npx parcel build --no-cache", + "build": "npm run build-boostlet && npm run build-boxcraft" + }, "devDependencies": { "cross-env": "^7.0.3", diff --git a/src/frameworks/canvasFallback.js b/src/frameworks/canvasFallback.js index 7efbf2b8..daf79c39 100644 --- a/src/frameworks/canvasFallback.js +++ b/src/frameworks/canvasFallback.js @@ -3,6 +3,7 @@ import { Framework } from "../framework.js"; import { Util } from "../util.js"; + export class CanvasFallback extends Framework { constructor() { super(); @@ -114,8 +115,10 @@ export class CanvasFallback extends Framework { select_box(callback) { let scriptBoxCraft = document.createElement("script"); scriptBoxCraft.type = "text/javascript"; - scriptBoxCraft.src = "https://shrutivarade.github.io/BoxCraft/dist/boxCraft.min.js"; - // scriptBoxCraft.src = "http://localhost:8888/dist/boxcraft.min.js"; + scriptBoostlet.src = "https://boostlet.org/dist/boxcraft.min.js"; + // scriptBoxCraft.src = "https://shrutivarade.github.io/BoxCraft/dist/boxCraft.min.js"; + // scriptBoxCraft.src = "https://shrutivarade.github.io/boostlet/dist/boxcraft.min.js"; + // scriptBoxCraft.src = "http://localhost:8000/dist/boxcraft.min.js"; let canvas = this.get_canvas(); document.head.appendChild(scriptBoxCraft); diff --git a/src/frameworks/cornerstone2d.js b/src/frameworks/cornerstone2d.js index 73a1279d..b11c2a43 100644 --- a/src/frameworks/cornerstone2d.js +++ b/src/frameworks/cornerstone2d.js @@ -74,34 +74,65 @@ export class Cornerstone2D extends Framework { } set_mask(new_mask) { - return this.canvasFallback.set_mask(new_mask); } select_box(callback) { - this.cornerstonetools_instance.setToolActive('RectangleRoi', { mouseButtonMask: 1 }) + if(this.cornerstonetools_instance.RectangleRoiTool === undefined) { + console.log("Using Boxcraft library to handle box selection."); + let element = this.instance.getEnabledElements()[0]; + let canvas = element.canvas; - let element = this.instance.getEnabledElements()[0]; - let canvas = element.canvas; + // Disable the Wwwc tool + cornerstoneTools.setToolDisabled("Wwwc"); - canvas.onmouseup = function() { + BoxCraft.createDraggableBBox(canvas, function (topleft, bottomright) { + callback(topleft, bottomright); + }); - let state = this.cornerstonetools_instance.globalImageIdSpecificToolStateManager.saveToolState(); + BoxCraft.createResizableBBox(canvas, function(topleft, bottomright) { + console.log("Inside Draggable BBox",topleft, bottomright); + callback(topleft, bottomright); + }); - let topleft = state[Object.keys(state).pop()].RectangleRoi.data[0].handles.start; - let bottomright = state[Object.keys(state).pop()].RectangleRoi.data[0].handles.end; + // return this.canvasFallback.select_box(callback); - let topleft_c = this.instance.pixelToCanvas(element.element, topleft); - let bottomright_c = this.instance.pixelToCanvas(element.element, bottomright); - this.cornerstonetools_instance.clearToolState(element.element, 'RectangleRoi'); - this.instance.renderGrayscaleImage(element, true); + } + else{ + console.log("Using Cornerstonetools to handle box selection."); + this.cornerstonetools_instance.setToolActive("RectangleRoi", { + mouseButtonMask: 1, + }); - callback(topleft_c, bottomright_c); + let element = this.instance.getEnabledElements()[0]; + let canvas = element.canvas; - }.bind(this); + canvas.onmouseup = function () { + let state = + this.cornerstonetools_instance.globalImageIdSpecificToolStateManager.saveToolState(); + + let topleft = + state[Object.keys(state).pop()].RectangleRoi.data[0].handles.start; + let bottomright = + state[Object.keys(state).pop()].RectangleRoi.data[0].handles.end; + + let topleft_c = this.instance.pixelToCanvas(element.element, topleft); + let bottomright_c = this.instance.pixelToCanvas( + element.element, + bottomright + ); + + this.cornerstonetools_instance.clearToolState( + element.element, + "RectangleRoi" + ); + this.instance.renderGrayscaleImage(element, true); + callback(topleft_c, bottomright_c); + }.bind(this); + } } diff --git a/src/frameworks/niivue.js b/src/frameworks/niivue.js index fcd1fb0f..598eefe7 100644 --- a/src/frameworks/niivue.js +++ b/src/frameworks/niivue.js @@ -1,6 +1,7 @@ import {Framework} from '../framework.js'; import {Util} from '../util.js'; +import {CanvasFallback} from './canvasFallback.js'; export class NiiVue extends Framework { @@ -8,6 +9,7 @@ export class NiiVue extends Framework { super(instance); this.name = 'niivue'; + this.canvasFallback = new CanvasFallback(); this.flip_on_png = true; @@ -181,52 +183,7 @@ export class NiiVue extends Framework { } select_box(callback) { - - // TODO also hacky until official API supports this - - let canvas = this.instance.canvas; - - - canvas.addEventListener('mousedown', function (e) { - this.isMouseDown = true; - - var rect = e.currentTarget.getBoundingClientRect(), - offsetX = e.clientX * window.devicePixelRatio - rect.left * window.devicePixelRatio, - offsetY = e.clientY * window.devicePixelRatio - rect.top * window.devicePixelRatio; - - this.x1 = offsetX; - this.y1 = offsetY; - }.bind(this)); - - canvas.addEventListener('mousemove', function (e) { - if (this.isMouseDown) { - - var rect = e.currentTarget.getBoundingClientRect(), - offsetX = e.clientX * window.devicePixelRatio - rect.left * window.devicePixelRatio, - offsetY = e.clientY * window.devicePixelRatio - rect.top * window.devicePixelRatio; - - this.x2 = offsetX; - this.y2 = offsetY; - this.instance.drawSelectionBox([this.x1, this.y1, this.x2-this.x1, this.y2-this.y1]); - } - }.bind(this)); - - - canvas.addEventListener('mouseup', function (e) { - var rect = e.currentTarget.getBoundingClientRect(), - offsetX = e.clientX * window.devicePixelRatio - rect.left * window.devicePixelRatio, - offsetY = e.clientY * window.devicePixelRatio - rect.top * window.devicePixelRatio; - - this.x2 = offsetX; - this.y2 = offsetY; - this.isMouseDown = false; - - let topleft = {x: this.x1, y: this.y1}; - let bottomright = {x: this.x2, y: this.y2}; - - callback(topleft, bottomright); - - }.bind(this)); + return this.canvasFallback.select_box(callback); } diff --git a/src/frameworks/openseadragon.js b/src/frameworks/openseadragon.js index 4b116056..36af1b56 100644 --- a/src/frameworks/openseadragon.js +++ b/src/frameworks/openseadragon.js @@ -21,45 +21,53 @@ export class OpenSeaDragon extends Framework { } set_mask(new_mask) { - return this.canvasFallback.set_mask(new_mask); + // return this.canvasFallback.set_mask(new_mask); + + let viewer = null; + let vs = this.instance._viewers; + vs.forEach(function (e) { + if (e.id == "viewer") { + viewer = e; + } + }); + + if (!viewer) { + throw "OpenSeaDragon viewer not found."; + } + + let canvas = viewer.canvas.children[0]; + width = canvas.width; + height = canvas.height; + + let ctx = canvas.getContext("2d"); + let imagedata = ctx.getImageData(0, 0, width, height); + let pixels = imagedata.data; + + let masked_image = Util.harden_mask(pixels, new_mask); + let masked_image_as_imagedata = new ImageData(masked_image, width, height); + ctx.putImageData(masked_image_as_imagedata, 0, 0); } select_box(callback) { - - Boostlet.hint("Click on top left and bottom right coordinated of the desired selection box.") - let isFirstClick = true; - let x1, y1, x2, y2; - - // Function to handle the mouse click event - function handleClick(event) { - if (isFirstClick) { - // Capture x1 and y1 on the first click - x1 = event.clientX; - y1 = event.clientY; - console.log(`First click: (X1: ${x1}, Y1: ${y1})`); - isFirstClick = false; - } else { - // Capture x2 and y2 on the second click - x2 = event.clientX; - y2 = event.clientY; - console.log(`Second click: (X2: ${x2}, Y2: ${y2})`); - isFirstClick = true; - - let topleft = {x: x1, y: y1}; - let bottomright = {x: x2, y: y2}; - - callback(topleft, bottomright); + console.log("Using Boxcraft library to handle box selection."); + let viewer = null; + let vs = this.instance._viewers; + vs.forEach(function (e) { + if (e.id == "viewer") { + viewer = e; } + }); - // let topleft = {x: 529, y: 480}; - // let bottomright = {x: 667, y: 588}; - // callback(topleft, bottomright); - + if (!viewer) { + throw "OpenSeaDragon viewer not found."; } - - // Add a click event listener to the document - document.addEventListener("click", handleClick); + + let canvas = viewer.canvas; + + BoxCraft.createDraggableBBox(canvas, function (topleft, bottomright) { + callback(topleft, bottomright); + }); } diff --git a/src/frameworks/xtk.js b/src/frameworks/xtk.js index a5bc591d..3c00b676 100644 --- a/src/frameworks/xtk.js +++ b/src/frameworks/xtk.js @@ -9,7 +9,6 @@ export class Xtk extends Framework { super(instance); this.name = "xtk"; this.canvasFallback = new CanvasFallback(); - } get_image(from_canvas) { @@ -27,4 +26,4 @@ export class Xtk extends Framework { select_box(callback) { return this.canvasFallback.select_box(callback); } -} \ No newline at end of file +} diff --git a/submodule/BoxCraft b/submodule/BoxCraft new file mode 160000 index 00000000..549e7b20 --- /dev/null +++ b/submodule/BoxCraft @@ -0,0 +1 @@ +Subproject commit 549e7b2056bd13e746e48149e099f0d64b554e75 diff --git a/submodule/README.md b/submodule/README.md new file mode 100644 index 00000000..0de768a2 --- /dev/null +++ b/submodule/README.md @@ -0,0 +1,10 @@ +# Boostlet with Submodule + +This submodule will help us link to the latest commit of the Project **Boxcraft** hosted at repository [https://github.com/shrutivarade/BoxCraft]. + +## Local Build process + +Run the following command to build both the projects sequentially and create boostlet.min.js and boxcraft.min.js at ./dist of the min project: +```bash + npm run build +```