Unable to download catalog item

[akshansh-modi]

Description

i am unable to download catalog item , it seems to me that this is a CORS issue

Screenshots

Workaround : opening download link in another tab seems to work

Enviroment:

• OS: Linux
• Browser: Chrome
• Version:
• Device: Desktop

---

Contributor Guides and Handbook

The meshery.io website uses Jekyll and GitHub Pages. Site content is found under the master branch.

• 📚 See the Contributing to Meshery.io Website section of the readme.md and other contributing instructions, too.
• 🎨 Wireframes and designs for Meshery UI in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack

[sudhanshutech]

@akshansh-modi are you willing to work on the issue?

[akshansh-modi]

Yes, I was looking into it since I am also working on issue #1768. This appears to be an easy one-line fix. Could you please assign it to me so I can create the PR?

[akshansh-modi]

@sudhanshutech, should I go ahead and create a PR?

[leecalcote]

@sudhanshutech, should I go ahead and create a PR?

What' fix are you proposing?

[akshansh-modi]

@leecalcote @sudhanshutech
The current implementation uses fetch for downloading a resource, which triggers CORS issues.

Proposed Solution:
To bypass the CORS issue, I suggest using an <a> tag for direct navigation to the download link.
This change will allow the resource to be downloaded without encountering CORS errors as the browser will treat it as only navigation.

• Update the link from:

  <a href="/catalog/{{type.downloadLink}}" download>
  

  to:

  <a href="https://playground.meshery.io/api/pattern/download/{{type.patternId}}" download>
  

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.