feature/fetch-fonts #14
Reference in New Issue
Block a user
Delete Branch "feature/fetch-fonts"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Store Pattern Migration: - Created createVirtualizerStore using Svelte stores (writable/derived) - Replaced useVirtualList hook with createVirtualizerStore - Matches existing store patterns (createFilterStore, createControlStore) - More Svelte-idiomatic than React-inspired hook pattern Component Refactoring: - Renamed FontVirtualList.svelte → VirtualList.svelte - Moved component from shared/virtual/ → shared/ui/ - Updated to use store pattern instead of hook - Removed pixel values from style tags (uses Tailwind CSS) - Height now configurable via Tailwind classes (e.g., 'h-96', 'h-[500px]') - Props changed from shorthand {fonts} to explicit items prop File Changes: - Deleted: useVirtualList.ts (replaced by store pattern) - Deleted: FontVirtualList.svelte (renamed and moved) - Deleted: useVirtualList.test.ts (updated to test store pattern) - Updated: README.md with store pattern usage examples - Updated: index.ts with migration guide - Created: createVirtualizerStore.ts in shared/store/ - Created: VirtualList.svelte in shared/ui/ - Created: createVirtualizerStore.test.ts - Created: barrel exports (shared/store/index.ts, shared/ui/index.ts) Styling Improvements: - All pixel values removed from <style> tags - Uses Tailwind CSS for all styling - Responsive height via Tailwind classes or props - Only inline styles for dynamic positioning (required for virtualization) TypeScript & Testing: - Full TypeScript support with generics - All 33 tests passing - Type checking passes - Linting passes (minor warnings only) Breaking Changes: - Component name: FontVirtualList → VirtualList - Component location: $shared/virtual → $shared/ui - Hook removed: useVirtualList → createVirtualizerStore - Props change: {fonts} shorthand → items prop - Import changes: $shared/virtual → $shared/ui and $shared/store Documentation: - Updated README.md with store pattern examples - Added migration guide in virtual/index.ts - Documented breaking changes and migration stepsStore Pattern Migration: - Created createVirtualizerStore using Svelte stores (writable/derived) - Replaced useVirtualList hook with createVirtualizerStore - Matches existing store patterns (createFilterStore, createControlStore) - More Svelte-idiomatic than React-inspired hook pattern Component Refactoring: - Renamed FontVirtualList.svelte → VirtualList.svelte - Moved component from shared/virtual/ → shared/ui/ - Updated to use store pattern instead of hook - Removed pixel values from style tags (uses Tailwind CSS) - Height now configurable via Tailwind classes (e.g., 'h-96', 'h-[500px]') - Props changed from shorthand {fonts} to explicit items prop File Changes: - Deleted: useVirtualList.ts (replaced by store pattern) - Deleted: FontVirtualList.svelte (renamed and moved) - Deleted: useVirtualList.test.ts (updated to test store pattern) - Updated: README.md with store pattern usage examples - Updated: index.ts with migration guide - Created: createVirtualizerStore.ts in shared/store/ - Created: VirtualList.svelte in shared/ui/ - Created: createVirtualizerStore.test.ts - Created: barrel exports (shared/store/index.ts, shared/ui/index.ts) Styling Improvements: - All pixel values removed from <style> tags - Uses Tailwind CSS for all styling - Responsive height via Tailwind classes or props - Only inline styles for dynamic positioning (required for virtualization) TypeScript & Testing: - Full TypeScript support with generics - All 33 tests passing - Type checking passes - Linting passes (minor warnings only) Breaking Changes: - Component name: FontVirtualList → VirtualList - Component location: $shared/virtual → $shared/ui - Hook removed: useVirtualList → createVirtualizerStore - Props change: {fonts} shorthand → items prop - Import changes: $shared/virtual → $shared/ui and $shared/store Documentation: - Updated README.md with store pattern examples - Added migration guide in virtual/index.ts - Documented breaking changes and migration steps