import { pointInventory as Inv } from "90d0ee0bf9ccdd9b"
import { selectToolAction } from "ed819e793c39a3d5"
function geometryToolAction(p, shapeName) {
var start, gridStart, end;
var tool = activateTool(`${shapeName}Tool`, p);
selection.clear(p);
document.dispatchEvent(new CustomEvent("formChange"));
tool.onMouseMove = function (event) {
tmpGrp(p).removeChildren();
start = null;
var highLightP = Inv.getClosest(event.point, p);
if (highLightP) {
highlightPoint(highLightP, p);
start = highLightP;
}
};
tool.onMouseDown = function (event) {
[start, gridStart] = recordStart(event, start, p);
};
tool.onMouseDrag = function (event) {
end = dragGeometry(event, p, start, gridStart, shapeName);
};
tool.onMouseUp = function (event) {
var shape = addGeometry(end, p, gridStart, shapeName);
console.log(shape);
selectToolAction(p);
selection.push(shape);
Inv.addPath(shape, p);
document.dispatchEvent(new CustomEvent("formChange"));
};
}
function addGeometry(end, p, gridStart, shapeName) {
var shape;
p.project.activeLayer.children["tempGroup"].removeChildren();
var gridEnd = gridPoint(end, canvasValues.gridScale, p);
if (gridEnd.subtract(gridStart).length > 0.08)
//addShape only return mainShape when ifTemp is set to false
shape = addShape(gridStart, gridEnd, p, shapeName, false);
return shape;
}
function dragGeometry(event, p, start, gridStart, shapeName) {
var snap = Inv.getClosest(event.point, p);
var end = snap ? snap : event.point;
placeArrow(start, end, p, sketchValue);
if (sketchValue.drawArc) placeArc(start, end, p, sketchValue);
if (sketchValue.drawLengthLabel)
placeLengthSymbol(start, end, p, sketchValue);
var grid_end = gridPoint(end, canvasValues.gridScale, p);
addShape(gridStart, grid_end, p, shapeName, true);
return end;
}
function recordStart(event, start, p) {
start = start ? start : event.point;
console.log(start);
var gridStart = gridPoint(start, canvasValues.gridScale, p);
return [start, gridStart];
}
function addShape(start, end, p, shapeName, isTemp) {
var shapes;
shapes = shapeFunc[shapeName](start, end, canvasValues.gridScale, p, isTemp);
// shapes returned will be tempShape if is Temp is True, otherwise it will be [hiddenshape, mainshape].
if (isTemp) {
addChildToGroup(shapes.name, shapes, p, tmpGrp(p));
} else {
hidGrp(p).addChild(shapes[0]);
mainGrp(p).addChild(shapes[1]);
return shapes[1];
}
}
shapeFunc = {
return {
circle: addCircle,
rectangle: addRectangle
};
}
function addCircle(grid_start, grid_end, gridScale, ps, isTemp) {
let grid_radius = grid_end.subtract(grid_start).length;
var canvas_center = canvasPoint(grid_start, gridScale, ps);
var visibleShape = new ps.Path.Circle(canvas_center, grid_radius * gridScale);
visibleShape.strokeColor = "black";
visibleShape.fillColor = config.fillColor;
visibleShape.fillColor.alpha = config.fillAlpha;
visibleShape.strokeWidth = 2;
if (isTemp) {
visibleShape.name = `tempCircle`;
return visibleShape;
} else {
let hiddenshape, mainShape;
let id = Date.now();
hiddenshape = new ps.Path.Circle(grid_start, grid_radius);
hiddenshape.name = `hiddenCircle${id}`;
visibleShape.name = `mainCircle${id}`;
return [hiddenshape, visibleShape];
}
}
function addRectangle(start, end, gridScale, p, isTemp) {
var size = new p.Size((end.x - start.x) * 2, (end.y - start.y) * 2);
let topLeft = start.subtract(size.divide(2));
var c_ctr = canvasPoint(start, gridScale, p);
var c_size = size.multiply(gridScale);
let canvasTopLeft = c_ctr.subtract(c_size.divide(2));
var visibleShape = new p.Path.Rectangle(canvasTopLeft, c_size);
visibleShape.strokeColor = "black";
visibleShape.fillColor = config.fillColor;
visibleShape.fillColor.alpha = config.fillAlpha;
visibleShape.strokeWidth = 2;
if (isTemp) {
var tempShape;
visibleShape.name = `tempRectangle`;
return visibleShape;
} else {
let hiddenshape;
let id = Date.now();
hiddenshape = new p.Path.Rectangle(topLeft, size);
hiddenshape.name = `hiddenRectangle${id}`;
visibleShape.name = `mainRectangle${id}`;
return [hiddenshape, visibleShape];
}
}
One platform to build and deploy the best data apps
Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.