[WIP] generate a sharable image/png when copying

[li-xin-yi]

I use this API of carbon: https://github.com/petersolopov/carbonara

Notice that localhost doesn't allow CROS, we can't send a request of application/json payload to localhost:3099/api/cook, the actual request body is in text/plain format. So you may need to skip the content type checking by deleting this line https://github.com/petersolopov/carbonara/blob/master/src/utils.js#L118, and then run the deployment command of this api by:

git clone https://github.com/petersolopov/carbonara
cd carbonara
docker build -t local/carbonara .
docker run -p 3099:3000 local/carbonara -it

To test if the api running normally, run a cURL command:

curl -L http://127.0.0.1:3099/api/cook \
-X POST \
-H 'Content-Type: application/json' \
-d '{
        "code": "sum(range(114))"
    }' \
> test.png

Now, the fetch request can be viewed with correct preview in devtools, I just wonder how to take it out.

[li-xin-yi]

The API even works well with Python requests:

I noticed that in no-CORS mode, the request type is opaque, so I can't get the response body (see this answer). I forced no-CORS mode because the hostname localhost in the request URL seems to disable CORS (see this question and answers due to the ngnix setting for our CodePod running on localhost. A proxy or any other may need to add to our ngnix server to enable CORS.

@lihebi Do you have any idea or suggestion with it?

[lihebi]

I think this navigator.clipboard.write works. I can paste the image to Google Slides:

[lihebi]

CORS seems problematic. Let's add an Nginx route.

# nginx.conf
location /carbon {
        rewrite ^/carbon(.*)$ $1 break;
        proxy_pass http://carbon:3000;
}

and in compose.yml, add a container:

carbon:
    image: local/carbonara

The request URL will be http://localhost/carbon/api/cook