GSoC’24(CircuitVerse) Week 11 & 12

My last 2weeks had been really great, We were able to cover a lot of stuff, like testing, stability improvements, css refactoring and completion of the mobile version

Tasks Completed are -

• Vue Simulator Mobile Version
• Integration of Last year's stability improvements
• Tests for the Vue Simulator using Vitest
• Global CSS refactoring

With this all my tasks for GSoC 2024 is completed with CircuitVerse, I would love to stick with the organisation in future.

Vue Simulator Mobile Version

Some new Components were implemented like -

• Verilog Editor Panel
• Sidebar and User menu

and Some improvements for -

• Circuit Elements Panel mobile Component
• Quick Button mobile component
• Timing Diagram mobile component

Also implemented some features like -

• Multiple selection Button for circuit elements
• Copy Button for copying and pasting circuit elements

Reference PRs -

• https://github.com/CircuitVerse/cv-frontend-vue/pull/361

Integration of Last year's stability improvements

Integrated some previous year gsoc prs into the vue simulator

Reference PRs that got merged -

• Added helpful functions for debugging of circuit

• Moving a component mess up the connected wires

• Implemented state machine for simulator

• Change the implementation of the priority queue to use a heap data structure

Tests for the Vue Simulator using Vitest

Implemented Test cases for the Vue simulator using

• Vitest
• JsDOM
• @vue/test-utils

Implementations -

• Created a Test Environment for the testcases to run in the vite.config.ts

• Wrote all the test cases under the spec folder using Vitest

• Mocked some unnecessary libraries like codemirror uisng vi.mock

• Created a /testdata folder under the spec folder for storing the testing data

• Created a /circuits folder to keep all the circuits elements data

• After implementing all this we can finally run our test cases using npm run test cmd

Reference PRs -

• https://github.com/CircuitVerse/cv-frontend-vue/pull/364

Global CSS refactoring

Global CSS present in the files -

• UX.css
• main.stylesheet.css

have been transferred to component scoped based css

Reference PRs -

• https://github.com/CircuitVerse/cv-frontend-vue/pull/365

Conclusion

This concludes my 12-week GSoC journey. I really enjoyed my time here, loved the community and its people, and would love to stay connected with the organization in the future as well.