reudy-net/Papure
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: reudy-net:5553e89b1b49a76ef8448cf2b6761d5ae64a0cb6
Branches Tags
reudy-net:main
reudy-net:canvas-polish
reudy-net:add-page-plus
reudy-net:build-version
reudy-net:flat-pages-grid
reudy-net:sw-bypass-http-cache
reudy-net:zero-gap
reudy-net:fix-pdf-worker
reudy-net:docker
..
compare: reudy-net:d100153b2f805ad1488e6dea2dafef15f4325f7c
Branches Tags
reudy-net:main
reudy-net:canvas-polish
reudy-net:add-page-plus
reudy-net:build-version
reudy-net:flat-pages-grid
reudy-net:sw-bypass-http-cache
reudy-net:zero-gap
reudy-net:fix-pdf-worker
reudy-net:docker

2 commits
5553e89b1b ... d100153b2f

Author SHA1 Message Date
reudy
d100153b2f Merge pull request 'Size the canvas grid to the active page' (#7) from agent/flat-pages-grid into main 
Reviewed-on: #7
 2026-09-27 19:48:17 +02:00
agent
138b797506 Size the canvas grid to the active page 
Each grid cell is now the active page's size, aligned to its edges, so
the grid marks where neighbouring pages would sit. Falls back to A4 at
the origin when no page is active.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
 2026-09-27 17:34:28 +00:00
1 changed files with 6 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/lib/components/CanvasView.svelte
View file

@ -28,11 +28,11 @@
let stage: HTMLDivElement; let stage: HTMLDivElement;
const cssVars = pageCssVars(); const cssVars = pageCssVars();
// Background grid: world-anchored, stepping up ×4 when zoomed out so lines never get denser than ~12px. // Background grid: one cell per active page, aligned to its edges (A4 at the origin if none).
const gridStep = $derived.by(() => { const grid = $derived.by(() => {
let step = 24 * viewport.scale; const r = (doc.activeId && doc.rects.get(doc.activeId)) || { x: 0, y: 0, ...A4 };
while (step < 12) step *= 4; const s = viewport.scale;
return step; return { w: r.width * s, h: r.height * s, x: viewport.x + r.x * s, y: viewport.y + r.y * s };
}); });
// ---- autosave -------------------------------------------------------- // ---- autosave --------------------------------------------------------
@ -529,7 +529,7 @@
class:panning class:panning
class:erasing={tools.tool === 'eraser'} class:erasing={tools.tool === 'eraser'}
bind:this={stage} bind:this={stage}
style="--grid: {gridStep}px; background-position: {viewport.x}px {viewport.y}px" style="background-size: {grid.w}px {grid.h}px; background-position: {grid.x}px {grid.y}px"
onpointerdown={onPointerDown} onpointerdown={onPointerDown}
onpointermove={onPointerMove} onpointermove={onPointerMove}
onpointerup={onPointerUp} onpointerup={onPointerUp}
@ -672,7 +672,6 @@
background-image: background-image:
linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to right, var(--grid-line) 1px, transparent 1px),
linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px); linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);
background-size: var(--grid) var(--grid);
} }
.stage :global(.cm-content) { .stage :global(.cm-content) {
user-select: text; user-select: text;