nils/papercrate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
nils
2025-11-02 21:38:11 +01:00
parent 4ec19dbd70
commit 3c24b890a4
2 changed files with 64 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/DesktopWorkspace.jsx
+50 -109
View File
@@ -35,9 +35,6 @@ const CARD_MIN = 240;
const CARD_MAX = 340;
const TAG_REMOVE_DISTANCE = 160;
const STACK_HIT_EPSILON = 4;
const STACK_CENTER_TOLERANCE = 0.35;
const STACK_CENTER_MIN = 32;
const STACK_ROTATION_TOLERANCE = 15;
const DEBUG_DRAG = false;
const DEBUG_FOCUS = true;
@@ -1953,7 +1950,6 @@ const DesktopWorkspaceView = () => {
onClearSelection,
detailPanelOpen,
onCloseDetailPanel,
documentLookup,
} = useDesktopContext();
const { handlePointerDown, handlePointerMove, handlePointerUp, handlePointerCancel } =
@@ -1974,7 +1970,8 @@ const DesktopWorkspaceView = () => {
return [];
}
const hits = [];
const candidates = [];
items.forEach((doc) => {
if (!doc?.id) {
return;
@@ -1983,6 +1980,7 @@ const DesktopWorkspaceView = () => {
if (!layout) {
return;
}
const sizeInfo = ensureDocumentSize(doc);
if (!sizeInfo) {
return;
@@ -2018,122 +2016,66 @@ const DesktopWorkspaceView = () => {
const halfWidth = width / 2;
const halfHeight = height / 2;
if (
const containsPointer =
Math.abs(localX) <= halfWidth + STACK_HIT_EPSILON
&& Math.abs(localY) <= halfHeight + STACK_HIT_EPSILON
) {
const docKey = String(doc.id);
if (!hits.some((entry) => entry.id === docKey)) {
hits.push({
id: docKey,
z: Number.isFinite(layout.z) ? layout.z : 0,
});
}
}
&& Math.abs(localY) <= halfHeight + STACK_HIT_EPSILON;
candidates.push({
id: String(doc.id),
z: Number.isFinite(layout.z) ? layout.z : 0,
centerX,
centerY,
rotationDeg,
width,
height,
halfWidth,
halfHeight,
localX,
localY,
marginX: halfWidth - Math.abs(localX),
marginY: halfHeight - Math.abs(localY),
containsPointer,
});
});
if (!hits.length) {
const pointerCandidates = candidates.filter((candidate) => candidate.containsPointer);
if (!pointerCandidates.length) {
return [];
}
hits.sort((a, b) => (b.z ?? 0) - (a.z ?? 0));
const sortedByZ = [...pointerCandidates].sort((a, b) => (b.z ?? 0) - (a.z ?? 0));
const targetKey = targetDocId != null ? String(targetDocId) : sortedByZ[0].id;
const targetKey = targetDocId != null ? String(targetDocId) : hits[0].id;
const orderedIds = hits.map((entry) => entry.id);
const primary = sortedByZ.find((candidate) => candidate.id === targetKey) || sortedByZ[0];
if (!primary) {
return [];
}
const radius = Math.max(Math.min(primary.halfWidth, primary.halfHeight) * 1.2, 6);
const radiusSquared = radius * radius;
const selected = candidates
.filter((candidate) => {
if (!candidate?.id) {
return false;
}
const dx = candidate.centerX - primary.centerX;
const dy = candidate.centerY - primary.centerY;
return dx * dx + dy * dy <= radiusSquared + 1e-4;
})
.sort((a, b) => (b.z ?? 0) - (a.z ?? 0));
if (targetKey) {
const targetIndex = orderedIds.indexOf(targetKey);
const targetIndex = selected.findIndex((entry) => entry.id === targetKey);
if (targetIndex > 0) {
const [targetEntry] = orderedIds.splice(targetIndex, 1);
orderedIds.unshift(targetEntry);
const [targetEntry] = selected.splice(targetIndex, 1);
selected.unshift(targetEntry);
}
}
const primaryKey = orderedIds[0];
if (!primaryKey) {
return orderedIds;
}
const primaryDoc = documentLookup.get(primaryKey) || null;
const primaryLayout = primaryDoc
? layoutSnapshot.get(primaryDoc.id) ?? layoutRef.current.get(primaryKey)
: null;
const primarySize = primaryDoc ? ensureDocumentSize(primaryDoc) : null;
if (!primaryLayout || !primarySize) {
return orderedIds;
}
const primaryCenterX = Number(primaryLayout.centerX);
const primaryCenterY = Number(primaryLayout.centerY);
const primaryRotation = Number(primaryLayout.rotation) || 0;
if (!Number.isFinite(primaryCenterX) || !Number.isFinite(primaryCenterY)) {
return orderedIds;
}
const centerTolX = Math.max(primarySize.width * STACK_CENTER_TOLERANCE, STACK_CENTER_MIN);
const centerTolY = Math.max(primarySize.height * STACK_CENTER_TOLERANCE, STACK_CENTER_MIN);
const filteredIds = [];
orderedIds.forEach((docKey, index) => {
if (!docKey) {
return;
}
if (index === 0 || docKey === targetKey) {
filteredIds.push(docKey);
return;
}
const candidateDoc = documentLookup.get(docKey) || null;
if (!candidateDoc) {
return;
}
const candidateLayout = layoutSnapshot.get(candidateDoc.id) ?? layoutRef.current.get(docKey);
if (!candidateLayout) {
return;
}
const candidateSize = ensureDocumentSize(candidateDoc);
if (!candidateSize) {
return;
}
const candidateCenterX = Number(candidateLayout.centerX);
const candidateCenterY = Number(candidateLayout.centerY);
if (!Number.isFinite(candidateCenterX) || !Number.isFinite(candidateCenterY)) {
return;
}
const dx = Math.abs(candidateCenterX - primaryCenterX);
const dy = Math.abs(candidateCenterY - primaryCenterY);
if (dx > centerTolX || dy > centerTolY) {
return;
}
const candidateRotation = Number(candidateLayout.rotation) || 0;
const rotationDiffRaw = Math.abs(candidateRotation - primaryRotation) % 360;
const rotationDiff = rotationDiffRaw > 180 ? 360 - rotationDiffRaw : rotationDiffRaw;
if (rotationDiff > STACK_ROTATION_TOLERANCE) {
return;
}
const sizeRatio = candidateSize.width && primarySize.width
? Math.min(candidateSize.width, primarySize.width) / Math.max(candidateSize.width, primarySize.width)
: 1;
const heightRatio = candidateSize.height && primarySize.height
? Math.min(candidateSize.height, primarySize.height) / Math.max(candidateSize.height, primarySize.height)
: 1;
if (sizeRatio < 0.55 || heightRatio < 0.55) {
return;
}
filteredIds.push(docKey);
});
return filteredIds;
return selected
.map((candidate) => candidate.id)
.filter((id, index, array) => array.indexOf(id) === index);
},
[
activeTagSet,
@@ -2142,7 +2084,6 @@ const DesktopWorkspaceView = () => {
layoutRef,
layoutSnapshot,
containerRef,
documentLookup,
],
);