This weird IFRAME thing wasted my 2 days (and counting...)

Open Source Web Scraping Development

Sandpack by CodeSandbox Landing Page
1

Sandpack by CodeSandbox

Sandpack is a toolkit for building live coding experiences that run fully in the browser.
Pricing:
- Open Source
But as soon as I wrote the first iteration, I got to know that it wasn't a cakewalk. The page I was trying to capture screenshot of did not render the preview as soon as it loaded. I am using Sandpack by codesandbox to render react/nextjs components and it takes around 35-40 seconds to load up the preview(it runs every thing on machine[WASM baby], such a 😎 cool tech).

#Open Source #Text Editors #Software Engineering 8 social mentions
Microlink Landing Page

2

Microlink

Extract structured data from any website

It's a very basic idea. Few days back, I got to know about this tool named 'microlink' which is a free Browser-as-API sdk. One of its feature was that you provide it a url and it will give you a screenshot of that particular page.

#Web Scraping #Data Extraction #APIs 5 social mentions
html2canvas Landing Page
3

html2canvas

JavaScript library to take "screenshots" of webpages or parts of it, directly on the...
Pricing:
- Open Source
My new approach: Whenever user will open the preview and it would load completely, I will take a screenshot programatically using html2canvas library and later store in the db. I wrote code and it worked as I thought except for one part. Everything was fine in the screenshot, except the preview part. IT WAS BLANK, LIKE COMPLETELY BLANK. Oh my god! How is this possible? What on earth is wrong that every solution I coming up has its own problem attached with it.

#Development #Tool #Automated Testing 18 social mentions