Genarrative/apps/ai-game-creator-shell/src/view/project-development/resourceSectionHeightModel.ts

import type {
  ProjectResourceCanvasCategory,
  ProjectResourceCanvasLayoutMode,
} from '../../../../../packages/shared/src/contracts/gameCreationApp';
import { RESOURCE_CANVAS_CARD_HEIGHT } from './resourceCanvasLayoutModel';

export const RESOURCE_SECTION_HEIGHT_STEP = 72;
export const RESOURCE_SECTION_MIN_HEIGHT = RESOURCE_CANVAS_CARD_HEIGHT + 88;
export const RESOURCE_SECTION_DEFAULT_HEIGHT = 340;
export const RESOURCE_SECTION_FALLBACK_MAX_HEIGHT = 640;
export const RESOURCE_CANVAS_VERTICAL_INSET = 24;
export const RESOURCE_SECTION_ZOOM_MIN = 0.5;
export const RESOURCE_SECTION_ZOOM_MAX = 2;
export const RESOURCE_SECTION_ZOOM_DEFAULT = 1;
export const RESOURCE_SECTION_ZOOM_STEP = 0.1;

export type ProjectResourceSectionHeightBounds = {
  min: number;
  max: number;
};

export type ProjectResourceSectionHeightAction =
  | 'decrease'
  | 'increase'
  | 'reset';

export type ProjectResourceSectionZoomAction =
  | 'decrease'
  | 'increase'
  | 'reset';

export function projectResourceSectionHeightKey(input: {
  projectId: string;
  mode: ProjectResourceCanvasLayoutMode;
  section: ProjectResourceCanvasCategory;
}) {
  return `${input.projectId}\n${input.mode}\n${input.section}`;
}

export function projectResourceSectionHeightBounds(
  canvasClientHeight: number,
): ProjectResourceSectionHeightBounds {
  const availableHeight =
    Number.isFinite(canvasClientHeight) && canvasClientHeight > 0
      ? Math.floor(canvasClientHeight) - RESOURCE_CANVAS_VERTICAL_INSET
      : RESOURCE_SECTION_FALLBACK_MAX_HEIGHT;
  return {
    min: RESOURCE_SECTION_MIN_HEIGHT,
    max: Math.max(RESOURCE_SECTION_MIN_HEIGHT, availableHeight),
  };
}

export function clampProjectResourceSectionHeight(
  height: number,
  bounds: ProjectResourceSectionHeightBounds,
) {
  const normalized = Number.isFinite(height)
    ? Math.round(height)
    : RESOURCE_SECTION_DEFAULT_HEIGHT;
  return Math.min(bounds.max, Math.max(bounds.min, normalized));
}

export function defaultProjectResourceSectionHeight(
  bounds: ProjectResourceSectionHeightBounds,
) {
  return clampProjectResourceSectionHeight(
    RESOURCE_SECTION_DEFAULT_HEIGHT,
    bounds,
  );
}

export function updateProjectResourceSectionHeight(
  currentHeight: number,
  action: ProjectResourceSectionHeightAction,
  bounds: ProjectResourceSectionHeightBounds,
) {
  if (action === 'reset') {
    return defaultProjectResourceSectionHeight(bounds);
  }
  const delta =
    action === 'increase'
      ? RESOURCE_SECTION_HEIGHT_STEP
      : -RESOURCE_SECTION_HEIGHT_STEP;
  return clampProjectResourceSectionHeight(currentHeight + delta, bounds);
}

export function clampProjectResourceSectionZoom(zoom: number) {
  const normalized = Number.isFinite(zoom)
    ? Math.round(zoom * 100) / 100
    : RESOURCE_SECTION_ZOOM_DEFAULT;
  return Math.min(
    RESOURCE_SECTION_ZOOM_MAX,
    Math.max(RESOURCE_SECTION_ZOOM_MIN, normalized),
  );
}

export function updateProjectResourceSectionZoom(
  currentZoom: number,
  action: ProjectResourceSectionZoomAction,
) {
  if (action === 'reset') {
    return RESOURCE_SECTION_ZOOM_DEFAULT;
  }
  return clampProjectResourceSectionZoom(
    currentZoom +
      (action === 'increase'
        ? RESOURCE_SECTION_ZOOM_STEP
        : -RESOURCE_SECTION_ZOOM_STEP),
  );
}

export function projectResourceSectionZoomFromWheel(
  currentZoom: number,
  deltaY: number,
) {
  if (!Number.isFinite(deltaY) || deltaY === 0) {
    return clampProjectResourceSectionZoom(currentZoom);
  }
  return clampProjectResourceSectionZoom(
    currentZoom * Math.exp(-deltaY * 0.0025),
  );
}