Merge branch 'main' into dependabot/npm_and_yarn/babel/traverse-7.23.9

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -0,0 +1,108 @@
+name: 🐞 Bug Report
+description: Create a report to help us improve
+title: "🐞 Bug: [Title]"
+labels: ["🐞 bug", "pending triage"]
+
+body:
+  - type: checkboxes
+    attributes:
+      label: Is there an existing issue for this?
+      description: Please search to see if an issue already exists for the bug you encountered.
+      options:
+        - label: I have searched the existing issues.
+          required: true
+
+  - type: textarea
+    attributes:
+      label: Describe the bug
+      description: A clear and concise description of what the bug is.
+    validations:
+      required: true
+
+  - type: textarea
+    attributes:
+      label: Steps to Reproduce
+      description: Steps to reproduce the behavior.
+      placeholder: |
+        1. Go to '...'
+        2. Click on '...'
+        3. Scroll down to '...'
+        4. See error.
+    validations:
+      required: true
+
+  - type: textarea
+    attributes:
+      label: Expected Behavior
+      description: A clear and concise description of what you expected to happen.
+    validations:
+      required: true
+
+  - type: textarea
+    attributes:
+      label: Screenshots
+      description: |
+        If applicable, add screenshots to help explain your problem.
+        Tip: You can attach images or log files by clicking this area to highlight it and then dragging files in.
+    validations:
+      required: false
+
+  - type: dropdown
+    attributes:
+      label: Is the faced issue/bug related to the Vue simulator?
+      description: Describe the issue you have faced in detail.
+      options:
+        - 'Yes'
+        - 'No'
+    validations:
+      required: true
+
+  - type: dropdown
+    attributes:
+      label: Used Vue simulator with or without backend?
+      description: Provide a clear and concise description of how you used the simulator.
+      options:
+        - 'With Backend'
+        - 'Without Backend'
+        - 'With circuitverse.org'
+    validations:
+      required: false
+
+  - type: dropdown
+    attributes:
+      label: Is the bug present only on the dev server, the build, or both?
+      description: Describe where the issue/bug occurs.
+      options:
+        - 'Dev Server Only'
+        - 'Build Only'
+        - 'Both'
+    validations:
+      required: false
+
+  - type: textarea
+    attributes:
+      label: Device Information
+      description: |
+        Examples:
+          - **OS**: Ubuntu 20.04
+          - **Browser**: Chrome
+          - **Version**: 89
+      render: markdown
+    validations:
+      required: false
+
+  - type: input
+    attributes:
+      label: Additional Context
+      description: Add any other context about the problem here.
+    validations:
+      required: false
+
+  - type: dropdown
+    attributes:
+      label: Are you working on this issue?
+      options:
+        - 'Yes'
+        - 'No'
+    validations:
+      required: true

.github/ISSUE_TEMPLATE/feature_request.yml

@@ -0,0 +1,43 @@
+name: ⭐️ Feature request
+description: Suggest an idea for this project
+title: "Feature "
+labels: ["🌟 feature", "pending triage"]
+body:
+- type: textarea
+  attributes:
+    label: Is your feature request related to a problem? Please describe
+    description: A clear and concise description of what the problem is
+  validations:
+    required: true
+- type: textarea
+  attributes:
+    label: Describe the solution you'd like
+    description: A clear and concise description of what you want to happen
+  validations:
+    required: true
+- type: textarea
+  attributes:
+    label: Describe alternatives you've considered
+    description: A clear and concise description of any alternative solutions or features you've considered
+  validations:
+    required: false
+- type: textarea
+  attributes:
+    label: Is requested feature related to vue simulator?
+    description: A clear and concise description of what the feature request is for
+  validations:
+    required: true
+- type: input
+  attributes:
+    label: Additional context
+    description: Add any other context about the problem here
+  validations:
+    required: false
+- type: dropdown
+  attributes:
+    label: Are you working on this?
+    options:
+      - 'Yes'
+      - 'No'
+  validations:
+    required: true  

README.md

@@ -1,36 +1,70 @@
+<div align="center">
+  <img src="https://github.com/CircuitVerse/CircuitVerse/raw/master/app/assets/images/cvlogo.svg" alt="The CircuitVerse logo" width="400"/>
+</div>
+
 # CircuitVerse Frontend Vue
+[CircuitVerse Frontend Vue](https://circuitverse.netlify.app/simulatorvue) is dedicated to enhancing the CircuitVerse platform in several key ways. Our primary focus is on decoupling the [CircuitVerse Simulator](https://circuitverse.org/simulator) from the backend, allowing it to function independently and with greater flexibility. Additionally, we're working to remove the reliance on jQueryUI, opting for cleaner and more contemporary code practices. To improve performance and code readability, we're transitioning from traditional DOM mutations to string-based manipulation. Furthermore, we're actively integrating internationalization features to ensure the platform is accessible to users worldwide. In summary, our repository aims to elevate the capabilities and user experience of CircuitVerse through targeted improvements and optimizations.
+
+## Community
+We would love to hear from you! We communicate on Slack:
+
+[![Slack](https://img.shields.io/badge/chat-on_slack-purple.svg?style=for-the-badge&logo=slack)](https://join.slack.com/t/circuitverse-team/shared_invite/zt-p6bgler9-~8vWvsKmL9lZeYg4pP9hwQ)
 
 ## Installation
 To set up the project on your local machine, follow these steps:
 
-1. Clone the repository to your local machine using the following command:
-```
-git clone https://github.com/CircuitVerse/cv-frontend-vue.git
-```
-2. Navigate to the project directory:
-```
-cd cv-frontend-vue
-```
-3. Install the project dependencies:
-```
-npm install
-```
-4. Start the development server:
-```
-npm run dev
-```
+  1. Clone the repository to your local machine using the following command:
+  ```
+  git clone https://github.com/CircuitVerse/cv-frontend-vue.git
+  ```
+  2. Navigate to the project directory:
+  ```
+  cd cv-frontend-vue
+  ```
+  3. Install the project dependencies:
+  ```
+  npm install
+  ```
+  4. Start the development server:
+  ```
+  npm run dev
+  ```
 
 ## Setting up on cloud with Stackblitz
 [StackBlitz](https://developer.stackblitz.com/guides/user-guide/what-is-stackblitz) is an instant fullstack web IDE for the JavaScript ecosystem.
 
-1. Initiate the setup process by clicking on the following button:
+  1. Initiate the setup process by clicking on the following button:
+
+  [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/~/github.com/CircuitVerse/cv-frontend-vue)
+
+  2. Once the setup is complete, a Preview URL will be displayed in the browser window. Append `/simulatorvue/` to your URL to access the simulator.
+  ```
+  https://<preview_url>/simulatorvue/
+  ```
+
+## How to Use Vue Simulator with CircuitVerse Main Repo
+To access the Vue Simulator from the [CircuitVerse main repo](https://github.com/CircuitVerse/CircuitVerse) dev server, you can follow one of the following methods:
+
+### Accessing Vue Simulator
+  1. Start the CircuitVerse Main Repo dev server.
+  2. go to the `/vuesimulator` path in the dev server.
+  3. You would be accessing the Vue Simulator.
+
+### Setting Vue Simulator as Default
+  1. Log in to the CircuitVerse dev server using the admin account:
+      - **Email:** `admin@circuitverse.org`
+      - **Password:** `password`
+  2. Once logged in, go to `/flipper` path and turn on vuesim feature flag site wide or for your user.
+  3. After activation, you will be able to access the Vue Simulator site-wide in your dev server, also in `/simulator` path the Vue Simulator will be opening instead of the old simulator.
+
+## Code of Conduct
+We follow the [Code of Conduct](https://github.com/CircuitVerse/CircuitVerse/blob/master/code-of-conduct.md) of the [CircuitVerse](https://circuitverse.org) Community.
 
-[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/~/github.com/CircuitVerse/cv-frontend-vue)
+## Contributing
+See [`CONTRIBUTING.md`](https://github.com/CircuitVerse/CircuitVerse/blob/master/CONTRIBUTING.md) for more information on contributing to CircuitVerse.
 
-2. Once the setup is complete, a Preview URL will be displayed in the browser window. Append `/simulatorvue/` to your URL to access the simulator.
-```
-https://<preview_url>/simulatorvue/
-```
+## License
+This project is licensed under the [MIT License](LICENSE).
 
 ## To Dos -
 1. **Creating the mobile version of the vue simulator** 

src/components/ContextMenu/ContextMenu.vue

@@ -58,7 +58,6 @@ export default {
         menuItemClicked(event) {
             this.hideContextMenu()
             const id = event.target.dataset.index
-            console.log('Hello From Context Menu' + id)
             if (id == 0) {
                 document.execCommand('copy')
             } else if (id == 1) {

src/components/DialogBox/BooleanTable.vue

@@ -20,6 +20,4 @@ const props = defineProps({
     tableHeader: { type: Array, default: () => [] },
     tableBody: { type: Array, default: () => [] },
 })
-console.log(props.tableHeader)
-console.log(props.tableBody)
 </script>