Santhosh Janardhanan
de2d83092e
- Delete old Vite+Svelte frontend - Initialize new SvelteKit project with TypeScript - Configure Tailwind CSS v4 + DaisyUI - Implement JWT authentication with auto-refresh - Create login page with form validation (Zod) - Add protected route guards - Update Docker configuration for single-stage build - Add E2E tests with Playwright (6/11 passing) - Fix Svelte 5 reactivity with $state() runes Known issues: - 5 E2E tests failing (timing/async issues) - Token refresh implementation needs debugging - Validation error display timing
18 lines
613 B
JavaScript
18 lines
613 B
JavaScript
import memoize from 'lodash/memoize';
|
|
/**
|
|
* This is memoized because the viewBox is unlikely to change often
|
|
* - but because it is computed from offset, any change to it would re-render all children.
|
|
*
|
|
* And because we have many readers of the viewBox, and update it only rarely,
|
|
* then let's optimize with memoization.
|
|
*/
|
|
export var calculateViewBox = memoize(function (offset) {
|
|
return {
|
|
x: offset.left,
|
|
y: offset.top,
|
|
width: offset.width,
|
|
height: offset.height
|
|
};
|
|
}, function (offset) {
|
|
return ['l', offset.left, 't', offset.top, 'w', offset.width, 'h', offset.height].join('');
|
|
}); |