corsFeedReader

Feed reader using fetch API, Only works on same domain, unless you set cors server side for external domains, supports RSS format.

Setting Cors

Nginx

Apache

Build

npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/preset-minify
npm run build
Output: ./build/corsFeedReader.min.js

Usage

const myFeed = new CorsFeedReader(".appendTo-selector", {
        fetchAPI: 'https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch'
        }, {
        feedUrl: "https://forum.manjaro.org/c/announcements/stable-updates.rss",
        dev: true,
        items: 5,
        template: `
            <div class="feed-item {{ category }}">
              <a href="{{ link }}">
                  <h2>{{ title }}</h2>
                </a>
              <summary class="description">
                {{ pubDate }} <br>
                {{ description }}
              </summary>
            `,
        beforeTemplate: function(content) {
            // do something with content              
        },
        afterTemplate: function(content) {
            // do something with content
        }
    });