git clone git@github.com:troquatte/config-nodejs-ts.git

npm run start:dev

npm i multer
npm i mime-types

npm i --save-dev @types/multer
npm i --save-dev @types/mime-types

//Importaremos para realizar o Upload
import multer from "multer"; 

//Ajudará no caminho para guardar nossa imagem
import path from "path"; 

//Criara nossa pasta para armazenar nossos arquivos caso não exista
import fs from "fs";

class UploadAvatar {
  //Pasta para onde será feito o Upload
  private URL: string = path.basename('upload'); 

  constructor() {}

  //Methodo onde armazenaremos nossos arquivos
  private storage(): multer.StorageEngine {
 
  }

  //Methodo onde iremos efetuar o filtro de arquivos
  //Se é valido ou não
  private fileFilter() {
 
  }

  //Configuração que usaremos em nossas rotas como Middleware
  get getConfig(): multer.Options {
     
  }
}

export const uploadAvatar = new UploadAvatar();

//Express [Router, multer]
import { Router } from "express";
import multer from "multer";

//Controller Usado para Aula
import { firstController } from "./app/controller/FirstController";

//Middleware de Upload para o Avatar
import { uploadAvatar } from "./app/middleware/upload/avatar";

//Inicialização do Router
const router: Router = Router();

//Routes
router.post(
  //Rota de acesso
  "/",
  /*
    ***ATENÇÃO****
    Esse Middleware que fará com que aconteça o Upload
  */
  multer(uploadAvatar.getConfig).single("avatar"),
  //Controller
  firstController.uploadAvatar
);

export { router };

  private storage(): multer.StorageEngine {
    /*
      Essa configuração irá nos ajudar
      1 - O destino do arquivo 
      2 - E o nome do arquivo
    */
    return multer.diskStorage({
      //Criar o destino do arquivo
      destination: (req, file, cb) => {
        //Verifica se não existe o diretório
        if (!fs.existsSync(this.URL)) {
          //Efetua a criação do diretório caso ele não exista
          fs.mkdirSync(this.URL);
        }
        //Define o caminho da pasta
        cb(null, this.URL);
      },
      //Renomeia o arquivo
      filename: (req, file, cb) => {
        //Aqui vamos usar o mime-type para chegar o tipo do arquivo
        //E predefinir como ele veio até nosso sistema
        const type = mime.extension(file.mimetype);

        //Renomeia o nome do arquivo
        //Aqui temos o nome do arquivo gerado pelo Date
        //E colocamos a extensão dele de acordo com o mime-type
        cb(null, `${new Date().getTime()}.${type}`);
      },
    });
  }

  private fileFilter() {
    /*
      Essa configuração vai nos ajudar com 
      1 - A validação do arquivo
    */
    return (
      req: Request,
      file: Express.Multer.File,
      cb: multer.FileFilterCallback
    ) => {
      //Utilizaremos a Lib mime-types para identificar o tipo do arquivo
      const type = mime.extension(file.mimetype);

      /* 
        Este array será montado a conditions de validação
        No caso aceitará apenas imagens como "png", "jpg", "jpeg"
      */
      const conditions = ["png", "jpg", "jpeg"];

      //Perguntamos se existe algum desses valores no type
      if (conditions.includes(`${type}`)) {
        //Caso exista, teremos nossa imagem linda maravilhosa
        cb(null, true);
      }

      //Caso não de certo a validação não efetuaremos o upload
      cb(null, false);
    };
  }

 get getConfig(): multer.Options {
    /*
      Essa configuração vai nos ajudar com 
      1 - A compor as configs do Multer como Middleware em nossas rotas
      2 - Não será um middleware global e sim para usos unicos e comportamentais
    */
    return {
      //Storage serve para compor a config do multer destination e filename
      storage: this.storage(),
      //FileFilter serve para validar o filtro de arquivos
      fileFilter: this.fileFilter(),
    };
  }

//Routes
router.post(
  //Rota de acesso
  "/",
  /*
    ***ATENÇÃO****
    Esse Middleware que fará com que aconteça o Upload
  */
  multer(uploadAvatar.getConfig).single("avatar"),
  //Controller
  firstController.uploadAvatar
);


/*
  Uso do nosso Middleware
  ( multer ) => passamos todas nossas configs para dentro dele
  ( uploadAvatar.getConfig ) => é a configuração que o multer utiliza
  ( single("avatar") ) => falamos se é um upload único ou múltiplos
  ( "avatar" ) => informamos que o multipart form temos uma referência que se chama "avatar"
  Usando dessa forma deixamos tudo bem organizado
*/
multer(uploadAvatar.getConfig).single("avatar")

import { Request, Response } from "express";

class FirstController {
  public uploadAvatar(req: Request, res: Response) {
    //Perguntamos se depois de validado existe o file dentro do request
    if (req.file) {
      //Se ele existir, retornamos um sucess com o payload do arquivo gerado
      //Aqui sua criatividade é o limite
      return res.json({
        response: req.file,
      });
    }

    //Caso não seja um arquivo validado, retornamos o status 409
    //Doc para o status: https://developer.mozilla.org/pt-BR/docs/Web/HTTP/Status/409
    res.status(409);

    //E retornamos uma msg para o usuário final: Não é um tipo de arquivo válido
    return res.json({
      response: `Não é um tipo de arquivo válido`,
    });
  }
}

export const firstController = new FirstController();