fix: resize and remove comments

Author: dankobg

src/juicer-board.ts

@@ -412,92 +412,6 @@ export class JuicerBoard extends LitElement {
 		}
 	}
 
-	// private createPieceEnterAnimation(elm: HTMLElement, coord: Coord): [Animation, () => void] {
-	// 	const [row, col] = rowColFromCoord(coord, this.orientation);
-	// 	const deltaX = row * (this.boardSize / COLS);
-	// 	const deltaY = col * (this.boardSize / ROWS);
-	// 	const keyframes: Keyframe[] = [
-	// 		{ opacity: 0, transform: `translate(${deltaX}px, ${deltaY}px)` },
-	// 		{ opacity: 1, transform: `translate(${deltaX}px, ${deltaY}px)` },
-	// 	];
-	// 	const options: KeyframeAnimationOptions = {
-	// 		duration: this.animationInDuration,
-	// 		easing: 'ease-in',
-	// 	};
-	// 	const anim = new Animation(new KeyframeEffect(elm, keyframes, options));
-	// 	anim.id = `piece-enter-${crypto.randomUUID()}`;
-	// 	const cb = () => {
-	// 		translateElement(elm, deltaX, deltaY);
-	// 	};
-	// 	return [anim, cb];
-	// }
-
-	// private createPieceExitAnimation(elm: HTMLElement): [Animation, () => void] {
-	// 	const keyframes: Keyframe[] = [{ opacity: 1 }, { opacity: 0 }];
-	// 	const options: KeyframeAnimationOptions = {
-	// 		duration: this.animationOutDuration,
-	// 		easing: 'ease-out',
-	// 	};
-	// 	const anim = new Animation(new KeyframeEffect(elm, keyframes, options));
-	// 	anim.id = `piece-exit-${crypto.randomUUID()}`;
-	// 	const cb = () => {
-	// 		hideElement(elm);
-	// 	};
-	// 	return [anim, cb];
-	// }
-
-	// private createPieceMoveAnimation(elm: HTMLElement, src: Coord, dest: Coord): [Animation, () => void] {
-	// 	const [srcRow, srcCol] = rowColFromCoord(src, this.orientation);
-	// 	const [destRow, destCol] = rowColFromCoord(dest, this.orientation);
-	// 	const srcDeltaX = srcCol * (this.boardSize / COLS);
-	// 	const srcDeltaY = srcRow * (this.boardSize / ROWS);
-	// 	const destDeltaX = destCol * (this.boardSize / COLS);
-	// 	const destDeltaY = destRow * (this.boardSize / ROWS);
-	// 	const keyframes: Keyframe[] = [
-	// 		{ transform: `translate(${srcDeltaX}px, ${srcDeltaY}px)` },
-	// 		{ transform: `translate(${destDeltaX}px, ${destDeltaY}px)` },
-	// 	];
-	// 	const options: KeyframeAnimationOptions = {
-	// 		duration: this.animationMoveDuration,
-	// 		easing: 'ease-in-out',
-	// 	};
-	// 	const anim = new Animation(new KeyframeEffect(elm, keyframes, options));
-	// 	anim.id = `piece-move-${crypto.randomUUID()}`;
-	// 	const cb = () => {
-	// 		translateElement(elm, destDeltaX, destDeltaY);
-	// 	};
-	// 	return [anim, cb];
-	// }
-
-	// private createPieceAnimation(elm: HTMLElement, change: Change): [Animation, () => void] {
-	// 	switch (change.op) {
-	// 		case 'add':
-	// 			return this.createPieceEnterAnimation(elm, change.coord);
-	// 		case 'remove':
-	// 			return this.createPieceExitAnimation(elm);
-	// 		case 'move':
-	// 			return this.createPieceMoveAnimation(elm, change.src, change.dest);
-	// 		default:
-	// 			assertUnreachable(change);
-	// 	}
-	// }
-
-	// private playAnimation(
-	// 	animation: Animation,
-	// 	opts?: { onFinish?: () => void; onCancel?: () => void; onRemove?: () => void }
-	// ): void {
-	// 	if (opts?.onFinish) {
-	// 		animation.addEventListener('finish', opts.onFinish, { once: true });
-	// 	}
-	// 	if (opts?.onCancel) {
-	// 		animation.addEventListener('cancel', opts.onCancel, { once: true });
-	// 	}
-	// 	if (opts?.onRemove) {
-	// 		animation.addEventListener('remove', opts.onRemove, { once: true });
-	// 	}
-	// 	animation.play();
-	// }
-
 	private updateAdoptedStylesheet(): void {
 		const sheet = new CSSStyleSheet();
 		const rules = this.positionCopy.values().reduce((acc, pd) => {