intojs

class View {
  #counterEl;

  #incrementBtnEl;

  constructor(incrementBtnClick) {
    this.#counterEl = document.getElementById("counter");

    this.#incrementBtnEl = document.getElementById("increment-button");
    this.#incrementBtnEl.addEventListener("click", incrementBtnClick);

intojs

class Model {
  #view;

  #counter = 0;

  attach(view) {
    this.#view = view;
    this.#notify();
  }

intojs

class Main {
  static initialize() {
    const subject = new Subject();
    const observer = new Observer(subject);

    subject.attach(observer);
  }
}

Main.initialize();

intojs

class Observer {
  #subject;

  constructor(subject) {
    this.#subject = subject;
  }

  update(changedSubject) {
    if (changedSubject === this.#subject) {
      console.log("Updated");

intojs

class Subject {
  #observers = new Set();

  attach(observer) {
    this.#observers.add(observer);

    this.#notify();
  }

  detach(observer) {

intojs

export const LoanCalculator: FC = () => {
  const [loanCalculation, setLoanCalculation] = useState<CalculateLoanRes | null>(null);

  const onSubmit = async (values: LoanCalculatorFormValues) => {
    const {
      email,
      loanAmount,
      loanTerm,
      lifeInsuranceOptIn,
    } = values;

intojs

Context.initialize({
  loanRepo: new InMemoryLoanRepo(),
  emailServ: new InMemoryEmailServ(),
});

const schema = Joi.object({
  emailAddress: Joi
    .string()
    .email()
    .required(),

intojs

export class InMemoryLoanRepo implements LoanRepo {
  readonly calculations: LoanCalculation[] = [];

  findOne(address: EmailAddress): Promise<LoanCalculation | undefined> {
    const predicate = (c: LoanCalculation) => c.emailAddress.value === address.value;
    const calculation = this.calculations.find(predicate);

    return Promise.resolve(calculation);
  }

intojs

import { CalculateLoanRes } from '../useCases/CalculateLoanRes';

export interface EmailServ {
  send(email: string): Promise<string>;

  generateEmail(calculation: CalculateLoanRes): string;
}

intojs

export interface LoanRepo {
  findOne(address: EmailAddress): Promise<LoanCalculation | undefined>;

  save(calculation: LoanCalculation): Promise<void>;
}