From b4c448d572966b33b177fdd15464bb50fc959100 Mon Sep 17 00:00:00 2001 From: Conrad Nelson Date: Wed, 17 Dec 2025 12:01:12 -0600 Subject: [PATCH] Fix naming. --- inventory/templates/testing.html | 25 +++++++++++-------------- 1 file changed, 11 insertions(+), 14 deletions(-) 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([]); });