monsterissue: backend from js to ts

[loulevin]

MonsterIssue: Switch from JavaScript to TypeScript

---

Things we need to do:

• erstelle index.ts als Testdatei für tsx und nodemon
• tsx installieren
  • wir brauchen npm i -D tsx (als devDependency)
  • command in terminal tsx /path wird nicht funktionieren
  • wir müssen npx verwenden (npx: node package execute)
  • wir müssen ein npm script erstellen "api": "tsx Pfad",
• nodemon einstellen
  • Die nodemon Konfiguration die wir benötigen um TypeScript auf dem Backend zu verwenden
  • nodemon config code (guck weiter unten)
• testen ob tsx und nodemon funktionieren
• types für express installieren
  • npm i @types/express
• Die .js Dateien zu .ts Dateien umbenennen
• Pfade aktualisieren (falls nicht schon automatisch von VSCode)
• testen
• Videos schauen
  • z.B Express mit TypeScript
  • mongoose mit TypeScript
    • schema/model Types

Checklist Webtoon File Structure:

Work Distribution:

Selman:

• [ ] utils
• [ ] root
• [ ] database/controller
• [ ] database/routers

Patty:

• [x] users

• [x] database/schemas

• [x] database/schemas/subDocuments

• root

  • [ ] server.js

• utils

  • [ ] config.js
  • [ ] handler.js
  • [ ] jwttools.js
  • [ ] tools.js
    • move handleError Function Row(20 - 22) to handler.ts

• backend

  • api
    • database
      • controllers
        • [ ] artistController.js
        • [ ] authorController.js
        • [ ] genreController.js
        • [ ] publisherController.js
        • [ ] webtoonController.js
      • routers
        • [ ] artistRouter.js
        • [ ] authorRouter.js
        • [ ] genreRouter.js
        • [ ] publisherRouter.js
        • [ ] webtoonRouter.js
      • subDocuments
        • [x] genre.js can be deleted / not necessary anymore
        • [x] isbnSchema.js
        • [x] personInfoSubdocument.js (renaming to personInfo.ts)
        • [x] priceSchema.js
        • [x] sizeSchema.js
        • [x] statusSchema.js
        • [x] titleSchema.js
      • schemas
      • [x] artistSchema.js
      • [x] authorSchema.js
      • [x] genreSchema.js
      • [x] publisherSchema.js
      • [x] volumesSchema.js (not done yet)
      • [x] webtoonSchema.js
    • users
      • controllers
        • [x] userControllers.js (not done yet)
      • routers
        • [x] userRouter.js (not done yet)
      • schema (change directory name to plural "schemas")
        • [x] userSchema.js

Types we will apply:

req: express.Request res: express.Response e: any

nodemon config code:

der tsx npm script is in exec und wird jedes mal ausgeführt bei einer Änderung bzw. wenn der Server durch nodemon neugestartet wird.

 "api": "nodemon",

    "nodemonConfig": {

        "watch": [

            "backend"

        ],

        "ext": "ts, json",

        "exec": "tsx backend/api/index.ts"

    },