Implement Isomorphic fetch so it works for browsers

Hey, thank you for this wonderful package.

I know this is a Node JS package but can it be used from the frontend like React?

I’m currently making a Chrome extension where I need to get metadata of any site specified so I did this -

import unfurl from "unfurl";

_fetchMeta = async () => {
    try {
      let result = await unfurl("https://akshaykadam.me");
      console.log("result", result);
      alert(result);
    } catch (e) {
      console.error("e", e);
    }
};

But I get this error -

Failed to load https://akshaykadam.me/: No 'Access-Control-Allow-Origin' header is present on the 
requested resource. Origin 'http://localhost:3000' is therefore not allowed access. If an opaque 
response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS 
disabled.

e TypeError: Failed to fetch

In Chrome Extension, it can be removed by adding "permissions": ["<all_urls>"] so I did that but still doesn’t work.

It should work as written here 👇 Source: Find Cross-Domain from Chrome Extensions in CORS tutorial

I also tried running it as a Web App but still same error. So my question is it possible to do this from Frontend?

[jacktuck]

@ubershmekel Hi. That was because doing Unfurling in the browser is thwart with issues. Primarily it’s unfeasible due to CORS. Which you can get around if you proxy your requests - but at that point you may as well do the unfurl there too (i.e. server side).

[ubershmekel]

I saw this change https://github.com/jacktuck/unfurl/commit/76cab79ec1fbc02e9e3e2e928d224c4c52b8a26b that states browsers won’t be supported. Why is that the case @jacktuck ?