diff --git a/inventory/templates/testing.html b/inventory/templates/testing.html
index 205ce21..8010eb9 100644
--- a/inventory/templates/testing.html
+++ b/inventory/templates/testing.html
@@ -238,7 +238,7 @@ let historyIndex = 0
let sizingRAF = 0;
let lastApplied = { w: 0, h: 0 };
-const ro = new ResizeObserver(scheduleSnappedcellSize);
+const ro = new ResizeObserver(scheduleSnappedCellSize);
ro.observe(gridWrapEl);
const savedTool = localStorage.getItem('gridTool');
@@ -254,7 +254,7 @@ if (savedType) {
resizeAndSetupCanvas();
setGrid();
-scheduleSnappedcellSize();
+scheduleSnappedCellSize();
function pxToDocPoint(clientX, clientY) {
const rect = gridEl.getBoundingClientRect();
@@ -359,7 +359,7 @@ function snapDown(n, step) {
return Math.floor(n / step) * step;
}
-function applySnappedcellSize() {
+function applySnappedCellSize() {
sizingRAF = 0;
const grid = cellSize;
@@ -383,12 +383,12 @@ function applySnappedcellSize() {
resizeAndSetupCanvas();
}
-function scheduleSnappedcellSize() {
+function scheduleSnappedCellSize() {
if (sizingRAF) return;
- sizingRAF = requestAnimationFrame(applySnappedcellSize);
+ sizingRAF = requestAnimationFrame(applySnappedCellSize);
}
-function applycellSize(newSize) {
+function applyCellSize(newSize) {
const n = Number(newSize);
if (!Number.isFinite(n) || n < 1) return;
@@ -401,7 +401,7 @@ function applycellSize(newSize) {
dotSVGEl.setAttribute('height', dotSize);
setGrid();
- scheduleSnappedcellSize();
+ scheduleSnappedCellSize();
}
function pxToGrid(v) {
@@ -545,7 +545,6 @@ function redrawAll() {
function drawShape(shape) {
if (!ctx) return;
-
const toPx = (v) => v * cellSize;
ctx.save();
@@ -595,8 +594,6 @@ function drawShape(shape) {
} else if (shape.type === 'path') {
const toPx = (v) => v * cellSize;
- ctx.save();
- ctx.strokeStyle = shape.color || '#000000';
ctx.globalAlpha = clamp01(shape.opacity, 1);
ctx.lineWidth = Math.max(1, toPx(shape.width ?? 0.12));
@@ -678,8 +675,8 @@ document.querySelectorAll('input[name="gridType"]').forEach(input => {
});
});
-cellSizeEl.addEventListener('input', () => applycellSize(cellSizeEl.value));
-cellSizeEl.addEventListener('change', () => applycellSize(cellSizeEl.value));
+cellSizeEl.addEventListener('input', () => applyCellSize(cellSizeEl.value));
+cellSizeEl.addEventListener('change', () => applyCellSize(cellSizeEl.value));
importButtonEl.addEventListener('click', () => importEl.click());
@@ -694,7 +691,7 @@ importEl.addEventListener('change', (e) => {
if (Number.isFinite(Number(data.cellSize)) && Number(data.cellSize) >= 1) {
cellSizeEl.value = data.cellSize;
- applycellSize(data.cellSize);
+ applyCellSize(data.cellSize);
}
const loadedShapes = Array.isArray(data) ? data : data.shapes;
@@ -735,7 +732,7 @@ exportEl.addEventListener('click', () => {
clearEl.addEventListener('click', () => {
cellSize = 25;
cellSizeEl.value = 25;
- applycellSize(25);
+ applyCellSize(25);
commit([]);
});