Updates

A major update with 6 new features including Pattern with surroundings download option - allows exporting patterns with configurable context stitches from neighboring repeats

Added

• Pattern with surroundings download option - allows exporting patterns with configurable context stitches from neighboring repeats
• Row count option in download modal for all export types
• Download modal dialog replacing previous dropdown for better organization
• Visual selection interface for adjusting pattern surroundings in downloads (for patterns with 3×3 preview)
• Dynamic preview repeat limits based on pattern size to prevent performance issues
• Automated update post creation workflow for Knitlings website

Changed

• Renamed “context” to “surroundings” in user-facing text for clarity
• Improved download image styling with thicker red border (2px → 4px) on pattern repeat box for better visibility
• Enhanced row count readability with white background, black separator border, extended grid lines, and monospace font

Fixed

• Grid resize operations are now properly undoable
• Null values in grid cells are handled correctly
• Content is preserved when shrinking grid from left/top edges
• Export E2E tests updated to interact with visible elements

Documentation

• Added video demos with inline GIF display in README
• Auto-cropped black borders from demo videos

Dependencies

• Updated @playwright/test from 1.56.1 to 1.57.0
• Updated happy-dom from 20.0.10 to 20.0.11
• Updated vite from 7.2.4 to 7.2.7
• Updated vitest from 4.0.13 to 4.0.15

A major update bringing full mobile and tablet support, comprehensive test coverage, and improved code quality with JSDoc annotations throughout.

Added

• Mobile and tablet responsive design for all screen sizes
• Touch support for grid resize handles with larger touch targets (20px)
• Visual feedback when resizing grid on touch devices
• Full-screen overlay panels on mobile with close buttons
• Optimized canvas sizing for mobile portrait and landscape modes
• Larger touch targets throughout mobile UI (44px minimum)
• Comprehensive JSDoc type annotations across entire codebase for better IDE support and AI assistance
• History size limit (50 states max) to prevent unbounded memory growth
• Browser feature detection with user-friendly error messages (Canvas API, localStorage, FileReader)
• Content Security Policy on all HTML pages to improve security posture
• Self-hosted fonts for offline capability and privacy (Google Fonts downloaded locally)
• Comprehensive unit test suite (140 tests across storage, grid, export, validation, feature detection, history)
• Code coverage reporting configuration
• Dependabot configuration for automated dependency updates
• Inline documentation for complex algorithms and edge cases
• Application state structure documentation in CONTRIBUTING.md

Changed

• Canvas headings hidden in landscape mode to save vertical space
• Navbar layout optimized for mobile with reduced spacing
• Side panels now overlay content on mobile instead of pushing it
• Improved canvas space utilization on all mobile devices
• Refactored main.js into focused UI modules (palette.js, panels.js, keyboard.js, interactions.js)
• Extracted magic numbers to CONFIG constants with documentation
• All configuration constants now documented in config.js
• Browser no longer loads external Google Fonts (CSP updated accordingly)

Fixed

• Canvas size now remains stable when browser address bar appears/disappears on mobile
• Grid resize handles now work properly with touch input