29
submitted 1 year ago* (last edited 1 year ago) by sheodox@lemmy.world to c/lemmyapps@lemmy.world

Website, community, Github

I've been working on an alternative web UI for Lemmy for a couple weeks now and it's got enough features I wanted to share it. I love that somehow people have found it despite me never having posted online about it until now (until a couple days ago it was called sx-lemmy, sx being an abbreviation of my username) so you might have seen it in a list already.

Alexandrite is a (for the moment) desktop-first Lemmy interface, I primarily use Lemmy on my computer and I wanted a more convenient way to view posts and comments without juggling tabs or losing my place in the feed (with infinite scrolling). It's still very much in beta, and I have a lot of work to do still, but it's got most of the basic features.

You can view a post and comments in an overlay without losing where you scrolled to:

A non-exhaustive list of things you can do:

  • view home/community/user/communities feeds
  • post/comment
  • subscribe to communities
  • vote
  • save posts
  • search
  • inbox stuff

Noteworthy missing features:

  • reporting
  • blocking users/communities
  • mod tools
  • image uploading
  • automatic linkifying of urls/communities/users in comments/posts

For those who care, it's all Sveltekit which is a dream to work with. Alexandrite is the name of the kind of gem in my wife's wedding ring, it looks cool and changes color in the light.

top 13 comments
sorted by: hot top controversial new old
[-] SchattigePinda@feddit.nl 3 points 1 year ago

Thank you for developing this! Ask someone who uses Lemmy on their tablet this could be a great fit.

It would be awesome if the list of posts could be fixed on the left side and then the right part of the screen for the content of the selected post. The overlay is a good step in the right direction, but the link is quite small to tap correctly.

Below is a screenshot of my Reddit client, because a picture says more than a thousand words:

Thanks again!

[-] sheodox@lemmy.world 2 points 1 year ago

I've been working on this tonight, and I'm most of the way done. Just need to do a bit more polish and hopefully it can get deployed to the main site tomorrow.

In the meantime, if you want to test it out and give me some feedback I'd appreciate it! The preview of the new version is temporarily hosted at https://column-feed-view.alexandrite.pages.dev/

Once you log in, go to the settings by clicking the User icon in the top right, you can change your feed layout in there.

[-] sheodox@lemmy.world 1 points 1 year ago

Oh this would be a great idea. I'll add it to my todo list, it'll probably be an alternate feed layout setting someday.

[-] leraje@lemmy.world 2 points 1 year ago

Great work! Looks beautiful :)

I have two questions:

  1. If I login on your site, where does username/password get stored? Local Storage?
  2. Can I clone the repo and run it locally on my machine? If so, how? I'm not familiar with Svelte.
[-] sheodox@lemmy.world 2 points 1 year ago

Thanks!

The username/password are just used once to login and get an auth token and that auth token is stored in a cookie. The username is also stored in a cookie, but the password is not. Here's the login code

Yes you can! However the production version currently uses Sveltekit's adapter-auto which just runs on various cloud platforms, so it might not be that easy to self host without changes. You can run the dev version of the site by cloning it, running npm install and npm run dev and viewing it at http://localhost:5173/ but that won't be as optimized so your page load would be slower.

If you want to self host, would a docker image make it easier?

[-] leraje@lemmy.world 1 points 1 year ago

Thanks for the reply :)

Docker would be good for some people I would guess, but I'm quite happy to clone the dev site and use npm - thanks again :)

[-] Darkhoof@lemmy.world 2 points 1 year ago

Looks really cool.

[-] loaffy@lemmy.world 2 points 1 year ago

This is phenomenal.

[-] polygon@kbin.social 1 points 1 year ago

Oh, this overlay is fantastic. It reminds me of how Feedly integrates with Reddit. You'd get an overlay very similar to this where you can read the post content, article, or be funneled to Reddit to make comments. Very neat and tidy. Feedly is what I missed most about quitting Reddit. Feedly doesn't have this sort of integration with Lemmy (yet), it just functions like a simple, but messy, RSS reader. This project makes me feel right at home and is such a quick and clean way to interact with Lemmy. Being able to post comments right in the overlay itself is even better than the Feedly/Reddit combo, too. Oh, and also the style for how comments are threaded is highly readable, it takes zero effort to understand or collapse comment chains.

I've mostly favored kbin (with a userscript) because I found it much easier to read and interact with than Lemmy, but your project is even better still.

[-] bdonvr@thelemmy.club 0 points 1 year ago* (last edited 1 year ago)

Oh this looks great! I'd love to host this alongside my instance.

I already do with WefWef - https://app.thelemmy.club

Maybe something like desktop.thelemmy.club

Is all the action client side?

[-] sheodox@lemmy.world 0 points 1 year ago

Thanks!

See my other comment about self hosting, as it's probably not super easy right now.

The site uses Sveltekit and so far every interaction with Lemmy happens server side, so it's probably not as easy to host as WefWef. I got partway through implementing image uploading yesterday until I hit a bug (fix just got merged today!) that prevented that, but image uploading is going to happen client side so it doesn't cause extra server load.

[-] bdonvr@thelemmy.club 0 points 1 year ago

so far every interaction... happens server side

Well that's not ideal, both resource wise and the fact that this would cause you to run into rate limiting issues very fast

[-] sheodox@lemmy.world 2 points 1 year ago

Another random reply to an old comment! I've got a branch out for self hosting Alexandrite if you happened to be interested in trying it out at all, more info on this post.

this post was submitted on 06 Jul 2023
29 points (100.0% liked)

Lemmy Apps

4992 readers
1 users here now

A home for discussion of Lemmy apps and tools for all platforms.

RULES:


An extensive list of Lemmy apps is available here:

LemmyApps.com

or lemmyapps.netlify.app


Visit our partner Communities!

Lemmy Plugins and Userscripts is a great place to enhance the Lemmy browsing experience. !plugins@sh.itjust.works

Lemmy Integrations is a community about all integrations with the lemmy API. Bots, Scripts, New Apps, etc. !lemmy_integrations@lemmy.dbzer0.com

Lemmy Bots and Tools is a place to discuss and show off bots, tools, front ends, etc. you’re making that relate to lemmy. !lemmy_dev@programming.dev

Lemmy App Development is a place for Lemmy builders to chat about building apps, clients, tools and bots for the Lemmy platform. !lemmydev@lemm.ee

founded 1 year ago
MODERATORS