GSoC’24(CircuitVerse) Week 5 & 6
Niladri Adhikary
Posted on July 11, 2024
Typescript Integration and Migration of JQuery to Vue's reactives was the focus in week 5, and in week 6 I had exams so not much was done just some extensions to week 5 work
Some Typescript Integration and Migration of JQuery to Vue's reactives are :-
- plotArea
- Timing Diagram panel
- app.ts,
- arrayHelper.ts,
- backgroundArea.ts,
- data.ts,
- moduleSetup.ts,
- sequential.ts
- verilogHelpers.ts
PlotArea and Timing Diagram Panel
plotArea.js file was converted to typescript which allowed me to created interfaces and types for the plotArea and moved all the DOM manipulation into the vue's reactives under Timing diagram panel component along with all the listeners.
Inside the Timing diagram component typescript was integrated and vue's reactives which were migrated from the plotArea file.
A new pinia store timingDiagramStore was implemented to maintain the data flow for the timing diagram.
Typescript Integration in smaller files
some smaller files that were previously in javascript have been converted to typescript as the changes were very minimal, I committed them in a single branch only.
PR Links
PlotArea and Timing Diagram panel - https://github.com/CircuitVerse/cv-frontend-vue/pull/329
ts integration in some files - https://github.com/CircuitVerse/cv-frontend-vue/pull/330
Next weeks i will be focusing on finishing all my integrations for vue + typescript and begin with the mobile version.
Posted on July 11, 2024
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.