Typescript code explainers

type User = {
  id: number;
  email: string;
  roles: string[];

import {
  createParamDecorator,
  ExecutionContext,
  UnauthorizedException,

import { inject } from '@angular/core';
import {
  CanActivateFn,
  Router,

import {
  CanActivate,
  ExecutionContext,
  Injectable,

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import {
  AsyncValidator,

import {
  CanActivate,
  ExecutionContext,
  Injectable,

interface Page<T> {
  items: T[];
  nextCursor: string | null;
}

type RequestState<T, E = string> =
  | { status: "idle" }
  | { status: "loading" }
  | { status: "success"; data: T; fetchedAt: number }

import {
  Directive,
  Input,
  TemplateRef,

type EventMap = Record<string, unknown[]>;
 
type Listener<Args extends unknown[]> = (...args: Args) => void;
 

import { inject } from '@angular/core';
import { ResolveFn, Router, ActivatedRouteSnapshot } from '@angular/router';
import { catchError, of, EMPTY } from 'rxjs';
import { Article } from './models/article';

interface Order {
  id: number;
  customerId: string;
  total: number;

import { Injectable, Logger } from '@nestjs/common';
import { Cron, CronExpression } from '@nestjs/schedule';
import { InjectRepository } from '@nestjs/typeorm';
import { Repository, LessThan } from 'typeorm';

import {
  CallHandler,
  ExecutionContext,
  Injectable,

type RetryOptions = {
  retries?: number;
  timeoutMs?: number;
  baseDelayMs?: number;

import { Pipe, PipeTransform, ChangeDetectorRef, NgZone, OnDestroy } from '@angular/core';
 
@Pipe({
  name: 'timeAgo',

const DIVISIONS: { amount: number; unit: Intl.RelativeTimeFormatUnit }[] = [
  { amount: 60, unit: "seconds" },
  { amount: 60, unit: "minutes" },
  { amount: 24, unit: "hours" },

import { Component } from '@angular/core';
import { FormControl, ReactiveFormsModule } from '@angular/forms';
import { HttpClient } from '@angular/common/http';
import { AsyncPipe } from '@angular/common';