circuitverse/circuitverse-presentation-embed

CircuitVerse is a free, open-source platform which allows users to construct digital logic circuits online. We also offer the Interactive Book which teaches users on the fundamentals of modern, digital circuits. Please also see our documentation or GitHub Wiki.

Community

We would love to hear from you! We communicate on Slack:

Code of Conduct

We follow the Code of Conduct of the CircuitVerse Community.

Setup

See SETUP.md for more information on setting up CircuitVerse.

Contributing

See CONTRIBUTING.md for more information on contributing to CircuitVerse.

License

This project is licensed under the MIT License.

circuitverse-presentation-embed's Issues

Google Slides menu hidden [Chrome Extension]

Google Slides Menu Bar is hidden behind the embed. Studying Slido Extension might help resolve this.

This is because we are doing this

<Google iframe>
<CircuitVese iframe>

and Slido is doing this:

<Google iframe>
     <Google Slide Content>
     <Slido iframe>
    <Google Slides Menu>
<Google iframe>

The iframe should be embedded inside google's iframe. I don't think we should do this. But raising the issue to keep track of the same.

Create Google Slides Add On

• Parse embed link, normal link, simulator link, iframe text
• Get and Embed circuit image
• Set hyperlink correctly

Firefox Add On stopped working

No idea why but it stopped working for me. Can someone confirm it?

Google Slides Add on - Rejection

Google rejected our google slides add on without giving a reason.

These are the areas where they review our app. We come under Editor Add-on. I think we need to polish on some areas to improve the look and feel of the add - on in order to get published.
https://developers.google.com/gsuite/marketplace/about-app-review

Initialize Read Me file.

Create read-me file explaining the purpose of this repo. Add instructions on how to test the same.

Add CircuitVerse Logos

[BUG] Google Slides Add On - Issue in Backend API

The add on takes URL of the simulator, extracts id or friendly slug depending on the URL type and performs a query to extract image. However, the API gets the image based on id. So it cannot get the image based on friendly slug.

function getCircuitImagePath(id) {
  var queryUrl = `circuitverse.org/api/v1/projects/${id}/image_preview`;
  return JSON.parse(UrlFetchApp.fetch(queryUrl))["project_preview"];
}

File of API usage:

CircuitVerse-Presentation-Embed/Google Slides Add On/Code.js

Line 42 in 5b7d02a

function getCircuitImagePath(id) {

I think there are a few options

1. Modify API to work with both friend slug and id
2. Create a new API which works with both friendly slug and id
3. Create another API which gives ID, given slug

@tachyons, @Nitish145 any inputs here?

Port Firefox/Chrome Extension to Safari

There is a tool to port extensions to safari.

https://developer.apple.com/documentation/safariservices/safari_web_extensions/converting_a_web_extension_for_safari

The firefox and chrome extensions are slightly different, so please try both if one doesn't work.

Browser Action : Link in popup does not redirect on click

The Link in the Popup, when the Circuitverse Chrome Extension is clicked, does not performs any action. We need to Open in new tab by right clicking the link in order to view the Documentation.

Screenshot :

Support Multiple circuit embeds

Currently, only one circuit can be overlayed. If multiple circuits are present, the first one found is chosen. Ideally, we should be able to support multiple circuits.

Revamp Google Chrome & Firefox Extension

Introduction
Revamp the google chrome extension.
We can remove its dependency over google slides add-on(which is not available). By using google apis for slide and token based oauth 2.0.
By this we can make that user friendly.

Tasks list

• UI Design Design Here
• Convert to manifest v3. As support of manifest v2 going to removed in 2023
• OAuth 2.0 Implicit Token Based Authorization
• Implementation of API for Insert Image and add hyperlink to it
• UI Implement
• Integrate UI

Are you working on this issue ?
Yes

Create Nice Instructions Page

I suggest using the styles from the main CircuitVerse page.
@Aayush-05 @nitin10s any CSS assets that can quickly be copied to get started?

Google Slides Plugin | Powerpoint Plugin

CircuitVerse circuit's can be easily be embedded in websites using an iframe. This is great however, it cannot be embedded in a PPTX or Google Slides. I have used liveslides program before to achieve the same on PPTX (Liveslides is deprecated now)

However, I think it is possible to create a plugin/extension/add-on to achieve the same. Poll Anywhere and several other services achieve this, so we definitely can.

Describe the solution you'd like

1. Google Slides: Chrome Extension + Google Slides add on
   Unfortunately, Google Slides does not embed iframe embeds😞. However, it is possible to achieve that by using a combination of google slides add on and chrome extension.

2. Powerpoint: Powerpoint add-in - I don't have any experience in powerpoint, however, I think it is possible, check this.

Describe alternatives you've considered
If there are other online presentation softwares which allow direct embed of iframe, please list them here if you find them.

Update: Google Slides is completed. Powerpoint is yet to be implemented.

Are you working on this? (Yes/No)
Yes - Created Chrome+Firefox Extension for Google Slides. Also created Google Slides add on.

Update:
Can someone check this repo and see how much of it we can use?
https://github.com/animysore/CircuitVersePPT

Improve Google Slides Add on Menu

Google Slides Add On can be improves

• Make it look more pleasing

Current look:

• Add feature of getting public circuit's of a user, given email id. User can then choose from the options.
  @tachyons do you think this is a good idea? we will need to expose an API to get user id given email id.

something like:

Position and size of iframe to be limited to embed image

Currently, the iframe embedded takes the full screen. It should ideally just overlay on the circuit image that is embedded.

Rounded Corners for the logos

Logo is square and doesn't look very nice. Would prefer rounded corners. Or prefer using the favicon we are using in the main website.

Port Chrome Extension to Firefox