Add Code share feature that generates an image of the Code Snippet.

[AyushShri]

• The idea is to add a Share button that generates a link of the code snippet converted in some beautified form. (see ref. example)
• This Link would be sharable to different users with the READ ONLY and ctrl+c access.
• We can use an external API Service for this. Example: Carbon.sh.
• If implementing on our own, then the sharable data must be dumped after say 12 Hours and hence the link would be valid for 12 Hours only.

GSSOC21

[bishalshaw-164]

I'm gssoc'21 participant . I want to work on this issue, Can you assign issue to me ?

[AyushShri]

Hi @bishalshaw-164 , First of all, thank you so much for taking out the time to work on this issue. Definitely:raised_hands:, Please go forward to work on this issue. I am assigning this Issue to you :thumbsup:

Also for my interest, I would like to know the implementation methodology that you might derive to solve this issue before raising a PR. I'll be delighted to learn about your working approach and discussing it before actually implementing it. Happy Contributing! :thumbsup:

[bishalshaw-164]

Thanks for asking, I want to use toDataURL() method of HTMLCanvasElement which returns an encoded data URI representing the image in the specified format. But now it seems like this issue can't solve by this method.....How can use carbon.sh. API for this issue Can u pls elaborate??

On Tue, Mar 16, 2021 at 8:04 PM Ayush Shrivastav @.***> wrote:

Hi @bishalshaw-164 https://github.com/bishalshaw-164 , First of all, thank you so much for taking out the time to work on this issue. Definitely🙌, Please go forward to work on this issue. I am assigning this Issue to you 👍

Also for my interest, I would like to know the implementation methodology that you might derive to solve this issue before raising a PR. I'll be delighted to learn about your working approach. Happy Contributing! 👍

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/kothariji/SyntaxMeets/issues/74#issuecomment-800311895, or unsubscribe https://github.com/notifications/unsubscribe-auth/AR5Z7BQKSTULT2ZCR4CDIEDTD5UARANCNFSM4ZH2L5IA .

[AyushShri]

Hi @bishalshaw-164, I was not able to keep up with the reply as I was stuck in some work. Yes, toDataUrL would not be able to solve this because of Canvas restrictions. Also carbon.sh has no API and works only by Embedding Code or just by typing it. So after having a discussion with @kothariji , we came to the conclusion that we can use PasteBin API for the same. ( as of now we are dropping the idea of exporting as an image). Hence you can go ahead and implement the sharing feature with Pastebin. Rest all functionalities will work as discussed earlier in this issue. Later we might shift from PasteBin API to Github Gists once the Oauth gets implemented. For any queries, Feel free to comment. PasteBin API Ref : PASTEBIN API Happy Contributing!

[kothariji]

Hi @bishalshaw-164, any updates ??

[subhangi2731]

@kothariji please assign this to me then

[kothariji]

Sure @subhangi2731, we are assigning this issue to you.

[AyushShri]

@kothariji please assign this to me then

Thanks for coming forward @subhangi2731 , to solve this issue. Please go forward to work on it.

Also for my interest, I would like to know the implementation methodology that you might derive to solve this issue before raising a PR. I'll be delighted to learn about your working approach. Happy Contributing!

[subhangi2731]

@kothariji Access to fetch at 'https://pastebin.com/login' from origin 'http://localhost:3000/' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

please reply and help me what should I do