Skip to content

Add manual width/height input for selected stickers (SP-008)#21

Merged
jeffgo10 merged 1 commit into
masterfrom
feat/sp-008-manual-sticker-size-input
Jul 3, 2026
Merged

Add manual width/height input for selected stickers (SP-008)#21
jeffgo10 merged 1 commit into
masterfrom
feat/sp-008-manual-sticker-size-input

Conversation

@jeffgo10

@jeffgo10 jeffgo10 commented Jul 3, 2026

Copy link
Copy Markdown
Owner

Summary

Implements SP-008: let users set a selected sticker's size by typing exact width and/or height in mm/cm/in, with optional aspect-ratio lock. Adds engine APIs in @jeffgo10/shared-types and @jeffgo10/react-canvas-designer, plus a demo on the docs /stickpak page.

Changes

Packages (@jeffgo10/*)

  • shared-types@0.2.2unitToCanvasPixels() (inverse of canvasPixelsToUnit)
  • react-canvas-designer@0.2.31computeScaleFromUnitDimensions(), CanvasDesignerHandle.setSelectedSize(); respects minResizeSizeMm and canvas margin clamping

Canvas designer

  • Single-select resize from typed physical dimensions
  • Optional lockAspectRatio (default true) — changing one axis scales the other proportionally
  • Konva node + transformer stay in sync after programmatic resize

Docs app (apps/docs)

  • /stickpak — width/height number inputs when one sticker is selected (blur or Enter to apply)
  • Aspect-ratio lock checkbox; fields sync via onSelectionDimensionsChange

Docs / agent tooling

  • docs/stickpak/engineering-notes.md, phase-1.md — SP-008 entry and version pins
  • .cursor/rules/ls-foundry-core.mdc — pin table updated

Commits

SHA Message
cf0c97f Add manual width/height input for selected stickers (SP-008).

Test plan

  • pnpm test --filter=@jeffgo10/shared-types --filter=@jeffgo10/react-canvas-designer
  • pnpm run build:packages
  • pnpm run dev --filter=@ls-foundry/docs/stickpak — select sticker, type new width/height, confirm canvas resize + aspect lock toggle

Notes / follow-ups

  • Package bumps included; CI publish on merge to master will deploy @jeffgo10/shared-types@0.2.2 and @jeffgo10/react-canvas-designer@0.2.31
  • Storefront follow-up: wire same inputs in designer toolbar via setSelectedSize + onSelectionDimensionsChange (sticker-print-app)
  • Obsidian kanban SP-008 remains In Progress until storefront wiring or explicit move to Merged to Dev

Made with Cursor

- Add unitToCanvasPixels in shared-types and setSelectedSize handle in react-canvas-designer
- Wire width/height inputs with aspect-ratio lock on docs /stickpak demo
- Bump shared-types to 0.2.2 and react-canvas-designer to 0.2.31

Co-authored-by: Cursor <cursoragent@cursor.com>
@jeffgo10 jeffgo10 merged commit 491c79c into master Jul 3, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant