Photon

I used to daily drive this app for browsing Lemmy/PieFed and stopped due to random annoying bugs and design issues popping up. Now I just found this file in the codebase and it made everything click. What do you guys think?

• 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)

TLDR: after/if this is finished, Photon will support no-javascript usage a lot better with authentication and settings respected. It'll be more suitable as a default interface for Lemmy instances.

Photon currently is a client-side only app, with optional guest SSR. This works great as a web app, but not for SEO. While you can enable SSR for SEO, it is not authenticated and will lead to a flash of content from a guest user instead of your profile--making things clunky for actual users.

this pr aims to do the following:

• Rewrite app-side data to use a unified userHost object that can be filled with either data from a cookie, or localStorage.
• this will allow for a hybrid mode, where you can either use server-side user data or client-side user data.
• userHost data is stored in a JSON state, but can be loaded into reactive classes for the client/rendering.
• Instead of using global state in the form of profile or settings objects, use Svelte's getContext and setContext to access this data.
• Maintain a near-identical user experience for client-side instances, such as at phtn.app.

This will be relatively difficult, as I'll have to rewrite every instance of those globals being used, and I'll have to update all API calls to go through the server.

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.

PieFed is growing fast, and some mobile apps like Voyager etc. now support it.

It would be great to have more desktop UI options like Photon.

Here are some relevant links for more info. The PieFed API sub: !piefed_api@piefed.social Introduction of App devs integrating PieFed into their apps

Will Photon support PieFed in the future?

What's Changed

• feat: add a static site option by @Xyphyn in https://github.com/Xyphyn/photon/pull/622
• design: improve comment experience by @Xyphyn in https://github.com/Xyphyn/photon/pull/623
  • better spacing, and separation, as well as easier and more readable font size
• perf: optimize bundle size by @Xyphyn in https://github.com/Xyphyn/photon/pull/627
  • stuff is now more dynamically loaded which should improve load speed
  • other misc performance improvements
• security: add a content security policy
• misc: add a User-Agent for API requests
• design: use a unified common list component
• misc: use gradients for placeholder avatars
  • I use placeholder avatars a lot since it's easier to distinguish users based on color/shape rather than username, and this makes it even easier to distinguish
• feat: add a vote ratio bar option
  • when enabled, if a post is more controversial, a bar will be overlayed behind it to visualize it
• feat: browse communities of specific instances
  • the available instances are only that you have accounts/guests on as i consider them "trusted"
• feat: add an SSG adapter
  • admins can build the app with ADAPTER=static and then a build folder will be generated with just the shell. There will be no server side rendering available with this.
• i18n: sync translations with weblate
  • Bulgarian: salif
  • Polish: gapetto

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

Direct Link