Carbon: Integration Requests

[mfix22]

• ~Command Line Tool (https://github.com/dawnlabs/carbon/issues/52, https://github.com/dawnlabs/carbon/issues/240)~
  
  
  
  • https://github.com/mixn/carbon-now-cli
  
  
• ~IFrame/Embeddable (https://github.com/dawnlabs/carbon/issues/179)~
  
  
  
  • Released with 3.5.0
  
  
• Remark.js Integration (https://github.com/dawnlabs/carbon/issues/209)
• Carbon API (https://github.com/dawnlabs/carbon/issues/210)
• Chrome Extension (https://github.com/dawnlabs/carbon/issues/219)
• ~Gatsby Plugin (https://github.com/dawnlabs/carbon/issues/312)~
  
  
  
  • Source
  
  
• Google Slides Integration (https://github.com/dawnlabs/carbon/issues/353)

[GavinRay97]

@mfix22 If you'd like I could try to write the CLI up sometime this week. I'm not sure about the how much work the API would be, I think I can just call getCarbonImage() and pass in params as the options.

Let me know if either would be helpful :ok_hand:

[mfix22]

@GavinRay97 i was always imagining that the initial CLI version would simply open a file up in the browser and allow flags to be set for theme and such (to start just just opening a file would be cool). This way no API is needed besides passing the correct query params.

If/when we open an API, the CLI could then later be updated to use it directly, but we shouldn't let that block the CLI effort.

Happy to accept a PR adding it to our community section of the README 😄

Couple notes:

• [ ] Has to work cross-platform (here is an example our teammate made awhile back of how to open links in browser for the most popular OS's https://github.com/briandennis/WebLauncher)
• [ ] Would love if it was a Node CLI so people can install with NPM

[kaicianflone]

An instagram mode with resizable text based on the square dimensions would be nice too. Let me know where else I can help. I will go ahead and knock off some testing/easy issues.

[mfix22]

@kaicianflone there is already a Square dimensions mode for Instagram (: look under "Advanced" in the settings

[kaicianflone]

@mfix22 On my computer it's only exporting as square rather than sizing as square. Like some of my pictures will have the edges cutoff and some of the code missing.

[mfix22]

Feature: Create Gist (#393 )

[mfix22]

Just like Github gist, add support for GitLab snippets - @mittalyashu (#464)

[mittalyashu]

@mfix22 if you planning to add all the features one by one, how will you structure your repository, will it be a mono-repo or multi-repo?

[mfix22]

We don't plan on supporting _all_ of the integrations, just the most popular/useful ones.
A mono-repo 😄

[mixn]

@mfix22 I’d love to keep on maintaining carbon-now-cli as the “go-to-CLI” for Carbon, if that is ok with you all @dawnlabs. :) So you can focus on all other integration requests aside from the CLI.

[mfix22]

@mixn right, most of these integrations can be created/maintained separate from our project! (:

[mittalyashu]

@mfix22 I have few insight how we can deal with this feature -> IFrame/Embedded

IFrame

Allow other users to embed this whole component on their website _(more people will use and it will increase popularity of carbon)_

Possible options:

1. Limitation the use of carbon component on third-party website.
2. Unlimited usage of carbon component for verified third-party websites _(verification can be done via github, gitlab or bitbucket)_

Where it can be embed?

1. Websites

Embed

The user can embed the carbon as an editable image, where the viewers will see as an a code snippet converted into beautiful code which is copy able and for the admin that code snippet settings can be configured and even the code snippet can be changed.

Where it can be embed?

1. Google Slides
2. Websites _(All types of websites: Dynamic, Static, Blogs)_
3. Medium
4. Stackoverflow
5. Gitter, discord _(just to name a few)_

[maxcell]

@mittalyashu What you propose is exactly what I have been thinking about for quite sometime after coming across Carbon. I'm not sure what it would involve but I think it could be a great step in a solid direction. But it has once again been something that has been consistently brought up through issues/PRs in the project. Time will tell how/where we will go!

[mfix22]

Embed support was just released with 3.5.0! Try pasting any Carbon URL into Medium, or click the "Copy Embed" button to copy the iframe you can use in your own site or blog.

[mfix22]

Slack Integration (#533)

[mittalyashu]

@mfix22 I have tried pasting the carbon url. But nothing is showing on the screen.

https://medium.com/@mittalyashu/omo-b71b2a7529e2

[mfix22]

@mittalyashu I'm going to hide your comment, but just because I'd like you to open issues not related to new features as new issues 🙂 Please do so for your comment above

[Jeepeo]

Cant see any API integration ...

[mittalyashu]

Not sure if we are allowed to create an issue for new syntax

But can some add a syntax of Atom one dark theme?

[mfix22]

But can some add a syntax of Atom one dark theme?

@mittalyashu this thread is only for integration requests — to integrate Carbon with other services and to integrate other services into Carbon.

As for you question about adding the "Atom One Dark" theme, we already have "One Dark". Is there something preventing you from using the "Create+" a theme feature to create one for yourself?

[louisguthmannStarkWare]

Hi, thanks a lot for the amazing job here.
Any integration to rst format? It would help a lot for documentations.
Thanks

[mfix22]

@guthlStarkware could you open a new issue? I'm not sure what rst format is.

[louisguthmannStarkWare]

rst is RestructedText used in Sphinx: https://www.sphinx-doc.org/en/master/usage/restructuredtext/basics.html
I guess my request could be simplified to outputting an HTML file containing all the snippet+CSS+JS.
Is it possible to do it with Carbon? Do I still need to open an issue?

[mfix22]

@guthlStarkware no need. We can track this under #1042 (which is very similar)

[Swordword]

I want to Integrate to Remark.js, but use embed it will create iframe for every code block. so, is there a better way to accomplish it ?

[mfix22]

I want to Integrate to Remark.js, but use embed it will create iframe for every code block. so, is there a better way to accomplish it ?

Something like this: https://github.com/carbon-app/gatsby-remark-embed-carbon @Swordword

Also please open a new issue if you want to discuss this any further. Thanks!