Plugin request: RSS feed reader to TW

#1

Hi, this is my plugin request, may be someone works on it or wants to help.

In my wiki I want to aggregate knowledges and content from RSS feeds of another web. Is there any plugin or is any idea to do it automatically? I wont to save retrieved feed stories as tiddler, I want only display RSS feed contents as Name (as link to original post), date and perex (if present in RSS feed) as simple list sorted from newest on top. Only for information purposes.

#2

Here’s an example of feed reader using javascript : Demos — Q&A and tools for tiddlywiki

Source: https://dev.to/geekgalgroks/building-an-rss-reader-in-javascript-1ep0

For urls that does not allow CORS request : https://medium.com/@dtkatz/3-ways-to-fix-the-cors-error-and-how-access-control-allow-origin-works-d97d55946d9


<iframe style="width:100%;height:600px;border:0;" srcdoc="""
<main id="feed"/>
<script>
  fetch("https://dev.to/feed/gitlive")
  .then((response) => response.text())
  .then((str) => new window.DOMParser().parseFromString(str, "text/xml"))
  .then((data) => {
    const items = data.querySelectorAll("item");
    let html = ``;
    html += `<h2>${data.querySelector("title").innerHTML}</h2>`;
    html += `<p>${data.querySelector("description").innerHTML}</p>`;
    html += `<div class="feeds">`;
    items.forEach((el) => {
      html += `
        <article>
          <h3>
            <a href="${
              el.querySelector("link").innerHTML
            }" target="_blank" rel="noopener">
              ${el.querySelector("title").innerHTML}
            </a>
          </h3>
        </article>
      `;
    });
    html += `</div>`;
    document.getElementById("feed").insertAdjacentHTML("beforeend", html);
  });
</script>

"""/>

However this wont work with every feed, some website have CORS restrictions. Hopefully someone can provide a better solution.

See also CORS workaround to consume RSS in a React App | by Will Carter | JavaScript in Plain English

You could use this service to get around the cors issue : https://corsproxy.github.io/

1 Like
#3

Interesting, i will play with it, thanks. And, thanks for your work, i surf on your demos wiki ant its cool.

2 Likes