fenwick67 / mastofeed Goto Github PK
View Code? Open in Web Editor NEWActivityPub feed => iframe embed. https://www.mastofeed.com
License: MIT License
ActivityPub feed => iframe embed. https://www.mastofeed.com
License: MIT License
Steps to reproduce:
I'm specifically having the issue with @[email protected], but I'm pretty sure I had the issue with my old account before I migrated it, as well. :)
Could you extend this to make an embeddable feed for a hashtag?
Twitter recently took away this ability. I had embedded the #KDE tag in Planet KDE from Twitter and I'm struggling to find a suitable replacement.
I need to pay Heroku lmao please stand by
Hi! Thank you for creating a way to embed my Mastadon posts on my website. I was planning to use it on a site I work on in Neocities. Unfortunately, after embedding it I tried to add more toots, and it's only showing the first one I posted on an infinite scroll. Am I doing something wrong? Should I fill up my feed before trying to generate the code?
change span.cw to div.cw
video enclosures do not appear, and instead render as broken images.
Going to https://www.mastofeed.com/ shows me:
(Same happens on my web page, https://andreask.cs.illinois.edu/)
I would like to embed a pixelfed timeline. It seems that that creates an error.
instance: pix.toot.wales
user: ammanvms
It might be because the API is at api/pixelfed/v1 instead of api/v1.
Currently, when running https://pagespeed.web.dev on a site with mastofeed.com embed the following optimization opportunity is reported:
It would be nice to either:
Hi all,
I'd like to ask about the possibility of user's custom CSS.
The actual issue now I have is below.
As you can see, I am a multi-byte language(ja_JP) user and it sometime breaks whitespaces or line breaks depending on its contents.
So first time I just thought to create this issue as just adding something like .header-right { word-break: break-all; }
though, I realized that it would be annoying for those who using non multi-byte languages such as English.
Also I came to think that it would be nice if we could customize our widget as we like, like changing colors, fonts, rounding the corners etc.
So here my suggestion is: adding free text area to enable users to write their own styles.
But I also can see the point of this, which is how to manage their own styles.
Hi,
Each time I try, I get a 500 error "Sorry, we are having trouble fetching posts for this user. Please try again later."
(Too bad, it was exactly what I needed!)
I have a particular use-case where I have a single account I'd like to create a feed for but I would like to have the option to sort out the post language (so have an embed that only shows English posts, and an embed elsewhere that only sorts for posts in other languages, if they exist).
It would be very useful! Also thank you so much for this utility, it's very helpful.
I have integrated Mastofeed.com in my site. I have seen the site is down and it shows Heroku page.
"500
Sorry, we are having trouble fetching posts for this user. Please try again later.
If the issue persists, please open an issue on GitHub, or message fenwick67"
Error appears with:
https://mastofeed.com/apiv2/feed?userurl=https%3A%2F%2Fbotsin.space%2Fusers%2Fsosaglidingbot&theme=light&size=75&header=false&replies=true&boosts=true
Error does not appear with:
https://mastofeed.com/apiv2/feed?userurl=https%3A%2F%2Faircrew.rocks%2Fusers%2Fsosaglidingclub&theme=light&size=75&header=false&replies=true&boosts=true
Videos autoplay, which will bring your computer to a crawl on sites that embed feeds with a lot of videos.
Use <video controls>
instead of <video autoplay>
. Possibly preload (on hover?).
right now deleted items show as empty updates.
Check if entry is empty and don't show it if it is.
Has anyone considered allowing a lemmy community to be an endpoint for this bot?
When loading a timeline in the iframe, it references resources from the origin server's CDN (eg. from cdn.fosstodon.org or assets.chaos.social). While these probably have good stability, bandwidth and benign ToS, the loading still requires the operator of a self-hosted mastofeed instance to concern themselves with the CDN's ToS from a privacy (probably also legal) PoV.
I think that it would be a convenient feature for mastofeed to alter URIs that would be loaded automatically (I've only seen image sources, might also be video previews) are rewritten to be local. This may suffice if the local HTTP server is configured to reverse proxy a known set of resources (in a caching fashion, ideally). Even better (but also more complicated on the mastofeed side), the referenced resources could be loaded eagerly when the feed is updated.
<iframe allowfullscreen sandbox="allow-top-navigation allow-scripts allow-popups allow-popups-to-escape-sandbox" width="400" height="800" src="https://www.mastofeed.com/apiv2/feed?userurl=https%3A%2F%2Fdice.camp%2Fusers%2Fodragaoverde&theme=dark&size=100&header=true&replies=false&boosts=true"></iframe>
This is what I am trying.
Though if I set any other configuration with boosts set to false, it works fine.
I want to embed a specific users' feed on my website, but only show toots relevant to that site there. Is it possible to only show those toots in the feed that contain a certain hashtag?
Infinite scroll doesn't really work anymore with my TL. Need to investigate why. I did tweak that code a bit.
Hello.
This error (500 error "Sorry, we are having trouble fetching posts for this user. Please try again later.") has been happening to me for the past few days. I can get to my profile at https://climatejustice.rocks/@CascadiaCAN but the feeds to my webs e.g. https://sallykeely.com/ have one Mastodon feed no longer works (the other two do). Can you help me troubleshoot this please?
~Sally
PS. This may be related to the closed issue #41.
The header "${user}'s feed on Mastodon"
is probably not always wanted. Add a querystring option for this.
see: https://www.mastofeed.com/apiv2/feed?userurl=https%3A%2F%2Fmastodon.technology%2Fusers%2Fkde&feedurl=https%3A%2F%2Fmastodon.technology%2Fusers%2Fkde%2Foutbox%3Fmax_id%3D2543763%26page%3Dtrue&theme=light&size=80&boosts=true&replies=true
This page links to a page for a feed with feedurl=undefined
, which is a 500. Not critical (everything still works from the user's perspective) but this needs to be handled more gracefully.
Would it be possible to include pinned toots on an account? Preferably with a corresponding tick box. The alternative for me is to embed the pinned toot separately which is less than ideal.
By the way, thank you for this great tool :-)
First of all, thank you for running this service! I use it to embed my feed on my web page. If you scroll to the end of the feed (not hard, I don't have that many posts yet), it keeps adding copies of the same entry. This is not a major issue, but I figured I would let you know.
remove this styling, not sure why it's there:
label{
-webkit-appearance: push-button;
-moz-appearance: button;
}
Hello, while my backend on a free wordpress page, show's me the generated mastofeed, when I send the html from your generator,
it wont appear on the frontend? do you have an idea why this could be?
Online code generator at https://www.mastofeed.com/
Default entries work fine. Produces iframe html that executes beautifully on a Wordpress page.
However:
URL: https://fc.masto.host
User: john
Returns 500 error
I've been unable to generate my new Mastodon's rss feed. I tried a number of different combinations, and I'm certain I have my username and instance correct. Attaching a screen shot of what I entered.
The error message that appears in the embed (both in the preview and when I just put the code into my website) --
"500
Sorry, we are having trouble fetching posts for this user. Please try again later.
If the issue persists, please open an issue on GitHub, or message [email protected]"
Currently, the site only allows for Mastodon feeds. Maybe you could try to get other Fediverse software (i.e. the Misskey forks, Pixelfed, Kbin) to work?
I would like to include feeds into a multilingual site. Mastodon offers a translate button, if the site is configured for it (we do it with LibreTranslate - Übersetzen
is the german word for Translate
).
Which options do we have that the translate button is also shown in the feed? I guess that would need extra work to call from the feed LibreTranslate.
check out [email protected]'s TL. Items uploaded by him do not appear.
Background: Many mobile-optimized pages - and blog templates and the like - use CSS media queries with <meta name="viewport" content="width=device-width, initial-scale=1">
(more). With that viewport definition, Mastofeed iframe widths that look good on desktops - say, 700-1000 pixels - will scroll outside the screen on phones (even though the rest of the page renders within the viewport).
To see the Mastofeed iframe, a visitor needs to pinch to zoom out, then when they're done, zoom back in to read the rest of the page - and needs to know to do that and how to do that.
Of course, a webmaster can use media queries to define the iframe width too, but a major advantage of Mastofeed is simplicity: copy and paste the snippet and you're done. If a webmaster doesn't test their page's mobile view, or does test but doesn't know CSS well enough to fix it, mobile visitors will get a pretty bad experience. For many sites, over 50% of visitors use mobile devices.
I propose one of two tweaks to make the default mobile view better:
A. In the iframe styles, include the directive max-width: 100vw
(probably inline so it's obvious and easy to remove, like: style="max-width: 100vw"
). The unit vw
is 1% of the viewport width, so 100vw
limits the iframe to the width of the screen. The webmaster-chosen width
value still takes precedence as long as it's not wider than the window. This max-width
only ensures that the iframe doesn't extend wider than the screen.
If there's a belief that some webmasters actually want their Mastofeed iframe to extend beyond the phone screen, this could be a checkbox that's checked by default. Example: "Mobile devices: Limit to 100% of device width."
or
B. In the webmaster-facing embed generator page, call out that a percentage width
value like 85%
may be more mobile-friendly. I like this less than (A) because it depends on the width of the parent element, and there's no % value that works well everywhere. Still, as long as it's just mentioned on the embed generator page, the webmaster could decide.
(PS: If you'd like a pull request that does one of these, please let me know. Most of the effort is deciding the best default behavior, so I focused on that 🙂)
On the page https://matthewguy.com/mastodon/ I started getting an error the last couple of days. Do I need to change something or is it my instance?
I know that this is not a widespread issue or worry, but I feel like Calckey/Misskey support should be added, for benefit to those on Mastodon.
Hello I am Chirag Prajapati a Certified Penetration Tester and Ethical Hacker my License no is: 10188-161-078-1726.
We would like to inform you that, a security vulnerability affecting your website.
Affected Website: michaelbrooks.co.uk
Following the ISO/IEC 29147 (“Information technology — Security techniques — Vulnerability disclosure”) guidelines, we verified the vulnerability's existence prior to notifying you. Please connect with us for technical details of the vulnerability,
The researcher may also help remediate the vulnerability if you need any assistance.
For more information I request you to kindly revert me back so that I can share with you the report !
Looking forward to hearing from you !
Hi there! Thanks for creating this sweet project.
I'd love to have the ability to tweak or control the styling a bit more.
I've used other projects in the past that also worked with iframes, but were able to be modified with external stylesheets or overrides.
enclosures should follow mastodon layout - 2 wide, stretched to fit.
Hi all,
I integrate mastofeed in a tiny static personal website and it serves there as a news feed. It would therefore be useful to be able to hide the "author" div element because it's quite redundant to see many times the name of the person who's website you're on...
Thx !
Hi all,
I already wrote it in a toot, but right now I'd like mastofeed to just display my toots, no replies and no boosts. But when there is less than 2 toots in the past 20 feed items, filters are ignored and everything is shown, including boosts and replies.
Would be awesome to just get the past toots, regardless of the number of items in the feed. Just awesome.
Could you create an option so that when a user clicks on a link within an embedded timeline, the page opens in a new tab (target="_blank")? Obviously I can't modify the contents within the frame due to XSS constraints.
Thank you.
In the Atom feed only the content warning (CW) is displayed, but with Mastofeed only the hidden content is displayed (without CW).
Personally I prefer to show only the CW or the complete toot including the CW. But not like it is now.
Is there a reason you're rendering the feed in an iframe and fetch it from your host, instead of exposing the data through a JSON API (or similar) and render it in the client?
Hello,
There is an error 500 on https://www.cellosaurus.org/. The Mastodon account is [email protected]. I have determined that if I switch to an account from an other instance, it works. Whereas an other account from the same instance gives me error 500 too. Therefore, I suspect I've ran into dreaded #41 but I don't know enough about Mastodon to confirm it. Can you tell me how to confirm it? And what is there to do?
Thanks very much for everything,
Kind regards,
Evren
Custom emojis display as their name
They should display an emoji
Animated emojis are cool!
Hi there,
I tried to replicate my twitter posts to mastodon via mastofeed, ingesting the RSS feed produced by a Nitter instance that supports RSS: https://nitter.poast.org/jo_chemla/with_replies/rss .
Mastofeed says
🔰 Fetching content from https://rss.app/feeds/gioyjdU3E0t49utq.xml
🚫 Nitter, RSSHub, InoReader and similar feeds are not supported at this time.
Same happens for a rss feed built from rss.app that parses a twitter profile.
Will this feature be implemented at some point?
Thanks a lot for your work,
Jonathan
Would be useful to be able to filter what appears, to keep toots in the widget more focused on relevant original content.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.