Photon

Very few lemmy instances actually proxy images, and this makes it impossible to run image transforms (compression and resizing). this leads to a lot of scenarios where some profile picture that gets rendered at 24x24px is actually downloading a full-size 4K image. additionally, you've connected to hundreds of domains in the process of scrolling your home feed, leaking your IP address to all of them.

i'm working on a centralized image proxy that solves these problems (though it's not locked into photon, it depends on environment variables). it'll roll out on phtn.app for now.

Comparison

Compact mode, loading 1 page on home feed

• Unproxied: 836 KB downloaded, 30 domains
• Proxied: 76 KB downloaded, 1 domain

Thanks to a PR from @Kehet https://github.com/Xyphyn/photon/pull/711 there are now keyword filters for posts. It's pretty easy to add comments next, which i will do soon

The reason I didn't like filters initially is that I dislike completely missing any information. This filter system has an option for "minimize" which tells you that a post was hidden, which I vastly prefer. If you want to completely hide posts, there's also a "hide" option. Regexes are supported too!

I turn off infinite scroll cause it bugs out sometimes, and there's always a page count and arrow buttons, except when I go to "saved." I know I've saved more than 10 things, and I don't think they've all been deleted, so I thought I'd report it.

• design: use common components for administration pages
• design: use common styles for vote buttons
• impr: add proper pageination to messages page, fix diffing desync
• feat: add autosubmit to URL autofill
• design: use Materials for highlights in comments
• fix: piefed poll vote api schema changes
• fix: markdown tables re-enable
• feat: add custom thumbnail option to PostForm
• feat: add piefed metadata generation
• design: redesign the profile block pages to not look awful
• fix: post polls causing a scroll to top
• feat: make comment guide borders clickable to collapse (like reddit)
• misc: skip client validation for linked instances
• feat: make command palette more obvious with a button in profile picture (ctrl + k guys) (or right click/hold on photon logo)

Full Changelog: https://github.com/Xyphyn/photon/compare/v2.2.1...v2.2.2

I get blank empty screen a lot when I'm in page inbox.

• when clicking mark all as read
• when going to messages or replies or mentions

[![](https://upload.wikimedia.org/wikipedia/commons/4/44/Narrow-banded_dartwhite_%28Catasticta_flisa_postaurea%29_underside_on_Mimosa_pudica.jpg)](https://github.com/Xyphyn/photon/)

Above is an image inside a link. The image is broken.

I poked at the source code and found that MdImage gets passed href of the parent link and not the image url itself. So the image component tries to display https://github.com/Xyphyn/photon/ instead of what its supposed to. It's probably caused by value meant for parent being sent to children via those ...rest params in MdTree, but I couldn't follow that enough to find out how exactly.

Bonus: This bug lets me embed a video straight into the post

[![](https://upload.wikimedia.org/wikipedia/commons/4/44/Narrow-banded_dartwhite_%28Catasticta_flisa_postaurea%29_underside_on_Mimosa_pudica.jpg)](https://www.youtube.com/watch?v=dQw4w9WgXcQ)

It is recommended to install this update as soon as possible, it contains important security fixes.

What's Changed

• feat: add piefed polls and events
  • only supported on piefed v1.4.0 which isn't out yet
• feat: add piefed user notes
  • ditto
• feat: auto-detect server software type in login form
• impr: optimize theme css handling, decrease stylesheet size
• design: revolutionize modal animations by making them zoom out instead of zoom in
• feat: add a share target to the PWA
  • you can share a link with the app. it won't start a discussion with you unfortunately, instead it'll automatically convert the link to a photon compatible link (so you can open lemmy posts in the app)
• misc: enable sourcemaps in production for Transparency™
  • no security risk. in fact it improves security because you can see if the source code matches the actual photon source
• performance: optimize the virtualizer resizeobserver
• design: use EntityHeaders for instance and community cards
• design: make toasts look anywhere between 0% and 200% better
• design: improve the comment context UI, showing a +x more button and an all comments button
• fix: loading logo not appearing on firefox
• fix: separate password lengths on piefed and lemmy
• fix: make PostListShell parameters reactive to fix stubborn sorting
• impr: various behind-the-scenes improvements in codebase
• misc: make postbody collapse/expand button sticky so you dont have to scroll toe the bottom
• fix: moderation report id collisions

Full Changelog: https://github.com/Xyphyn/photon/compare/v2.1.1...v2.2.0

Since yesterday, scrolling is broken for me on Photon Web. The posts are jumping up and down so I lose what I was just reading, new posts are often not loaded and when they finally are, they jump a couple of posts down so I have to go back up to find where I was. Sorry, can't explain it any better. It does not happen on Lemmy.ml or other Lemmy web apps. Any idea what's going on?

Anyone having the same issue?

What's Changed

• design: make media embeds not look like garbage
• design: make error containers not look awful
• design: make big community cards not look awful (and make them fully clickable)
• fix: photon accidentally took inspiration from every article site ever and would autoplay videos from posts when you navigated. this was fixed
• fix: a poor, alone button was in the command palette. i joined it with the other ones so that you can actually navigate with arrow keys and it looks better
  • it also got a friend, an option to search communities.
• fix: i made a workaround for a svelte bug (i think). somehow, it would render an {#if} branch even if the condition was false, specifically if you had a dynamic component anywhere. this caused post feeds to have stale data when switching accounts.
• fix: automatically strip leading https:// from the login prompt, for people who interpret "server domain" as the full fwicking url
• fix: CommentItem had a shadow when it shouldn't've (that's a word?)
• fix: when you went to edit your post, it would crash. i fixed

Full Changelog: https://github.com/Xyphyn/photon/compare/v2.1.0...v2.1.1

What's Changed

• feat: add piefed support
  • you can log into your Piefed account and browse all available features in the API
  • some piefed exclusive features are available too, like user/post flairs, feeds, and topics.
• perf: optimize code bundle size -- initial bundle from 780 KB -> 620 KB
  • cool, tf does that mean
    • ok bub this basically means that theres less code loaded initially so stuff loads faster.
  • I rewrote some bad libraries that were bloating up the javascript
  • yes im embarassed the bundle is this high. im getting it lower every update i swear
  • at least its still smaller than lemmy-ui
  • in addition i restructured the entire file tree of the app, and wrote nearly 3000 import statements manually because i have a human soul and i lowk felt filled with determination
• impr: rewrite feed handling, cache more things
  • post feeds, post pages, communities, feed feeds, topic fe
  • wait a second, feed feeds?? this naming is getting out of hand.
  • ok, in piefed there's "feeds". that's pretty cool. but now the "main feed" can either be the main feed or the main feed.
    • what?
• impr: use native css for more things
  • this is partially because i am embarassed that i use tailwind
  • i am migrating common components to use vanilla css but with some advantages of tailwind
  • like i can use a compile-time design system and it has nice @variant things
  • this also makes the DOM tree smaller so theres probably some benefit elsewhere...maybe
• impr: automatically mark inbox items as read when you click jump
• design: make the modlog not look like absolute buns
  • it actually fits on one screen now and looks nicer. you can now observe the insanity of Lemmy's moderation with more comfort.
• design: make the mobile navbar not look like absolute buns
  • i made the tap targets bigger too. next update i will make them cover the whole screen
• design: make the accounts page not look like absolute buns
• impr: i made the things that should be radio groups actually be radio groups. no problem
• impr: expandables and comments now use <label> so that it uses browser native html
• fix: admin detection is better. lemmy removed a property i used constantly for some reason. i fixed that though
• impr: this one makes me mad. for some reason, native CSS transitions absolutely ruin font rendering (on firefox at least). so i removed some animations or replaced them with svelte ones (js ew)
• impr: i preload a lot more things on hover/tap now. things will be like 100ms faster.
  • call me john locke in the way i be optimizing ts
• misc: the term "instance" has been replaced with "server". let's be real, talking about instances makes no sense

Full Changelog: https://github.com/Xyphyn/photon/compare/v2.0.2...v2.1.0

Try now on Photon™©️ (phtn.app) today! 🚀

cross-posted from: https://lemmy.dbzer0.com/post/55547080

I’ve just found out that some Lemmy web interfaces let you sign in with multiple accounts and switch between them easily. Is there any client that can show notifications from all accounts at the same time, so I don’t need to switch back and forth?

I’ve checked out Voyager, Photon, Alexandrite, and Tesseract. They all seem quite similar to me. Which one would you recommend?

I tend to be quite opinionated on design, but I'd like to hear any issues you have regarding:

• any pages that look bad?
• any components that can be improved?
• other ui elements?

Hi guys. I dunno if any of you use MacOS but it's fuckin stupid and if you ever click the share icon, it only gives you options to share to/from Mac products. I don't use any Mac products other than MacOS. There's literally no way to just copy a link from the share button. If I just copy the link from the URL bar and send it to someone it will say "mismatching instance" (whatever that means) with no way to resolve it.

I'd like a way to share posts to people not on the threadiverse, but with the Photon frontend, so that it looks less shitty. How would one do that?

a Peertube video in Lemmy

a Peertube video in Piefed

Lemmy didn't load the user avatar for some reason, though thats probably a Lemmy federation issue if anything not Photons issue. But the display of the OG preview is vary different, and I would think that should be the same regardless of underlying server support.

a lot of design changes, not many new features

What's Changed

• impr: prefetch data from cached post feeds to display post pages instantly
• impr: sync post page changes to post feed
• impr: load initial post feed asynchronously to make sure people don't blame photon for the fact that the instance takes 81293578235792385 years to load the post feed
• fix: use /user endpoint for getting saved posts
• feat: improve image attachment prompt, allow inserting URL
• design: improve error containers & toasts
• design: allocate a bit more space for sidebars
• design: use secondary style buttons for post actions
• design: use a common list component
• design: make tab bars not look like actual human excrement
• design: better post consistency
• design: make menus 34.177825% more compact
• design: re-add description text to placeholders and also make them not look like actual human excrement
• design: move most community data to sidebar on desktop
• design: increase comment size on adequately sized screens to improve readability
• design: make pageination component not look like actual human excrement
• design: increase line height for markdown to improve readability
• design: make instances/federation page not boil your CPU and also make it not look like human excrement
• design: delay progress bar animation so that people think that the app is blazingly fast 🚀🚀🚀🚀🚀🚀🚀
• design: make sidebars not look like actual human excrement
• design: make settings page not look like actual human excrement
• fix: improve tab bar selected route detection
• i18n: remove flags from language names so my house doesn't get nuked from orbit for using a controversial or incorrect flag
• impr: switch menus to use Svelte attachment based event handling instead of a horrible, cursed, terrible, inaccessible, awful looking, web design violating, unreactive, garbage div wrapper
• impr: use a basic feature of every component library (components) for Fixate instead of duplicating the same thing 80x
• aria: improve semantics significantly for SEO and accessibility
• misc: add a default robots.txt
• impr: use a and for comment expansion so that it's actually CSS based and native instead of some javascript atrocity
• fix: context for comment links is wayy too tiny

Full Changelog: https://github.com/Xyphyn/photon/compare/v2.0.1...v2.0.2

Piefed support next release!

Hi, first of all thank you for all the work you put into photon! I really love the interface and have been using it for many months now.

Today, I noticed that the Favorites folder disappeared, and I was wondering if this was intentional or a bug.

For what it's worth, I will mention that personally, I am a huge fan of ways that help customise our feed - consequently, I loved this folder.

No matter what, thank you for all the work on beautiful photon!

EDIT: Finished! Piefed support is live on phtn.app.

I took a different approach while implementing it this time and it will be a lot more sustainable.

So far I have most read operations done, but there's a few missing write operations (like saving comments and reports)

I'm definitely planning to support Piefed specific features like multi-communities and user flairs.

Otherwise it should be mostly usable right now.

• GitHub PR
• Beta Link

GitHub has always been generally a platform that doesn't align well with my and many peoples' values regarding open source software development, I only used it because it's the most popular.

Recent events regarding GitHub and its management have raised a greater consciousness about the nature of the service,so I was wondering if it would cause any problems for me to move to either:

• codeberg.org
• a selfhosted forgejo instance (git.phtn.app)

Or if everything is fine as is.