Typescript Decorators

0. how-to-create-decorators-in-typescript.md

.

class-suggar-decorators.ts

function meuDecorator<T extends {new(...args: any[]): {}}>(construtor: T) {
  return class extends construtor {
    meuMetodoAdicional() {
      console.log("Este é um método adicional adicionado pelo decorator");
    }
  }
}

function meuOutroDecorator<T extends {new(...args: any[]): {}}>(construtor: T) {
  
	constructor.prototype.meuOutroMetodoAdicional = function() {
		console.log("Este é um outro método adicional adicionado pelo decorator");
	}
}

how-to-use-class-decorators.ts

@meuDecorator
@meuOutroDecorator
class MinhaClasse {
  constructor(private valor: string) {}

  meuMetodo() {
    console.log(`Valor: ${this.valor}`);
  }
}

how-to-use-method-decorators.ts

class Login {
	constructor() {}

	@AllowedMethod("POST")
	async exec(req: Request, res: Response) {
		try {
			const { username, password } = req.body;

			// handle login

			return res.status(200).json({ ok: true, user: {} });
		} catch (error) {
			console.log(`Error: `, error);
		}
	}
}

class GetUser {
	constructor() {}

	@AllowedMethod("GET")
	async exec(req: Request, res: Response) {
		try {
			const { id } = req.body;

			// handle get user

			return res.status(200).json({ ok: true, user: {} });
		} catch (error) {
			console.log(`Error: `, error);
		}
	}
}

method-suggar-decorator.ts

// Limitador de métodos para request
import { Request, Response } from "express";

export function AllowedMethod(method: "POST" | "GET" | "PUT" | "PATCH" | "DELETE") {
	return function (target: any, propertyKey: string, descriptor: PropertyDescriptor) {
		const originalMethod = descriptor.value;

		descriptor.value = async function (req: Request, res: Response): Promise<void | Response> {
			if (req.method !== method) {
				return res.status(405).json({ ok: false, message: "Method not allowed" });
			}

			return originalMethod.apply(this, [req, res]);
		};

		return descriptor;
	};
}

pure-decorator.ts

// Exemplo de decorator puro para funções (controle de acesso)
const user = {
	name: "John Covv",
	email: "[email protected]",
	roles: ['user']
}

function guard(allowedRoles: Array<'admin' | 'user'>, callback: Function) {
	if (!user || !user.roles || !user.roles.some((role) => allowedRoles.includes(role as any))) {
		throw new Error('acesso negado');
	}

	return callback();
}

guard(['user'], () => console.log('acesso concedido'));
//esperado: log "acesso concedido"

guard(['admin'], () => console.log('acesso concedido'));
//esperado: disparar o erro "acesso negado"