JSPM

asmarss

0.1.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1
  • Score
    100M100P100Q23057F
  • License MIT

A package that enables tracking the most recent posts of a Mastodon account and rendering them as an RSS feed.

Package Exports

  • asmarss
  • asmarss/src/index.astro

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (asmarss) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

asmarss

npm version

A package that enables tracking the most recent posts of a Mastodon account and rendering them as an RSS feed in a Astro Component.

Installation

In your Astro project, run:

npm i asmarss

Usage

Asmarss component take 3 props url, classList (optional), seperate (optional)

  • url: the url of the Mastodon account you want to track
  • classList: the class you want to add to the component
  • seperate: if you want to seperate the posts in hr element, default value is false

For example css file:

.global-text-color {
  color: #000;
}

.global-font-size {
  font-size: 1.5rem;
}

In your Astro file:

---
import Asmarss from 'asmarss';
---

<Asmarss url={"https://mastodon-instance/@username.rss"}>

<Asmarss 
  url={"https://mastodon.instance/@username.rss"} 
  classList={{
    toot__content: "global-text-color global-font-size",
  }} 
  seperate={true} />

ClassList is an object that contains the classes you want to add to the component, the default value is:

type ClassList = {
  separator?: string; // the class of the hr element
  error_loading_feed?: string; // the class of the error message
  no_items_in_feed?: string; // the class of the no items message
  see_more?: string; // the class of the see more link
  toot?: string; // the class of the toot
  toot__header?: string; // the class of the toot header
  toot__header__date?: string; // the class of the toot date
  toot__content?: string; // the class of the toot content
  toot__footer?: string; // the class of the toot footer
  toot__footer__link?: string; // the class of the toot footer link
};

Contributing

If you would like to contribute to this project, please follow the steps below:

  • Fork this project.
  • Create a new branch: git checkout -b my-new-feature.
  • Make changes and commit them: git commit -am 'Add some feature'.
  • Push to the branch: git push origin my-new-feature.
  • Create a new pull request (PR).

License

This project is licensed under the MIT License. Please refer to the license file for details.

Dependencies

  • rss-parser - A small library for turning RSS XML feeds into JavaScript objects.