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

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

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.

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:

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?

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

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:

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

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.

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.

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.

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

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

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 :

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

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