Setup TypeScript and Create Core Interfaces

[mohitvermax]

📝 Description

Set up TypeScript in the project and define common types/interfaces used throughout the synth engine.
This establishes a foundation for further migration by ensuring consistent typing across components, hooks, and utilities.

---

✅ Tasks

• Initialize TypeScript (tsconfig.json) and install dependencies (typescript, @types/react, @types/react-dom, etc.).
• Update build configuration (Vite/Webpack/Next) to support TypeScript.
• Create a /types directory and define interfaces such as:
  • Envelope (attack, decay, sustain, release)
  • Waveform (type, frequency)
  • EQBand (frequency, gain)
  • SynthState (waveform, octave, envelope, EQ, etc.)
• Update ESLint and Prettier configurations for TypeScript.
• Ensure the app compiles successfully.

---

🎯 Expected Outcome

• The project successfully runs with TypeScript enabled.
• All core data structures are typed via shared interfaces.
• Future files can be safely migrated using these interfaces.

[RS-8370412]

Hey @mohitvermax, Assign this to me.

[Anurag-Bansode]

hi @mohitvermax would love to work on this.

[mohitvermax]

Hello @Anurag-Bansode , @RS-8370412 ,thanks for reaching out ! I would first recommend you to go through the code and let me know your approach for the task.

[baync180705]

@RS-8370412 @Anurag-Bansode
any updates here ?

[Anurag-Bansode]

Hi! @baync180705 I completely forgot about this I actually commented on other issue thinking this is the same thread just quick question how does this differ from issue #9 as that also will need same setup. The plan is quite simple interface for asdrtype,eq.
hooks for graph/line as it will have to child component for keys.

I would also need to know the framework you want. I have worked with NextJS and have recently done an hacktoberfest project in Vite .

[baync180705]

Hey @Anurag-Bansode, Basically in this issue, you have to prepare typescript interfaces - basically the types. If you are not sure of what typescript interfaces are, you may go through - https://www.typescriptlang.org/docs/handbook/interfaces.html

Issue (#9) is a follow up issue, under which all the components and pages have to be migrated to typescript.

[Anurag-Bansode]

Hi @baync180705 like I have mentioned that I have worked with both the frameworks. I want you to choose one which will be suitable to you to maintain going forward as my scope of work is limited to this commit only I won't be a long time maintainer.

Edit : I saw the repo again I will move forward with vite.