types.ts

/**
 * Expresses the size of a two-dimensional object.
 */
export type Size = { w: number; h: number };

/**
 * Expresses the position in a two-dimensional point.
 */
export type Position = { x: number; y: number };

/**
 * Expresses the resolution of a grid.
 */
export type GridDimensions = { rows: number; cols: number };

/**
 * Represents the possible breakpoint keys for responsive design.
 * - "xs": Extra small
 * - "sm": Small
 * - "md": Medium
 * - "lg": Large
 * - "xl": Extra large
 * - "2xl": Double extra large
 */
export type BreakpointKey = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";

/**
 * Defines a mapping from each BreakpointKey to its corresponding value (e.g., a CSS width).
 */
export type Breakpoints = {
  [key in BreakpointKey]: string;
};

/**
 * Represents the metadata for a project.
 */
export interface ProjectMetadata {
  title: string;
  name: string;
  description: string;
  repo?: string;
  heroImage: string;
  featuredImage?: string;
  headerImage?: string;
  website?: string;
  skills?: string[];
}

/**
 * Represents a project with its slug, component, and metadata.
 */
export interface Project {
  slug: string;
  featured: boolean;
  Component: React.ComponentType;
  metadata: ProjectMetadata;
  readmeMarkdown?: string;
}

/**
 * Represents a project with its slug and metadata, no react component.
 *
 * Passing from server side to a client-side component a React.ComponentType is
 * not allowed, therefore sometimes we are interested only in project metadata.
 */
export type ProjectInfo = Omit<Project, "Component">;

/**
 * Represents the result of getting projects data.
 */
export interface ProjectsData {
  projects: Project[];
  count: number;
}
/**
 * Represents a job experience entry.
 */
export type Job = {
  company: string;
  logo: string;
  website?: string;
  duration: string;
  place: string;
  title: string;
  summary: string;
  points: string[];
  images?: string[];
  skills: string[];
  lengthy: boolean;
};