GSoC’24(CircuitVerse) Week 5 & 6

Niladri Adhikary - Jul 11 - - Dev Community

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

Image description

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

Next weeks i will be focusing on finishing all my integrations for vue + typescript and begin with the mobile version.

. . . . . .
Terabox Video Player