Frontend

[kwaa]

Hatsu requires a front-end to implement Webmention Backfeed.

This part is a bit more complicated, so I expect to have it done before v1.0.0.

Stacks:

• Leptos
• Style: TODO Stylers

Paths (temporary):

• hatsu.local/@example.com (user, /u/example.com => /@example.com)
• hatsu.local/@example.com/foo/bar (post, /o/https://example.com/foo/bar => /@example.com/foo/bar)

[kwaa]

I expect to start writing the frontend at v0.3.0.

It should be:

features = ["frontend"] - enable by default, can be disable manually when compiling locally so that it doesn't contain any frontend content

./hatsu --frontend=false - enable by default, disable frontend if passed --frontend=false as a argument

[reesericci]

Would it be possible to help design the frontend?

[kwaa]

Would it be possible to help design the frontend?

Since Leptos doesn't have a proper component library, for now, I'm considering using @material/web.

[reesericci]

I meant like design things page by page, not necessarily components. Also, I recently looked into using that for one of my projects and found it to be woefully incomplete unfortunately, see the Roadmap

[kwaa]

I meant like design things page by page, not necessarily components.

I welcome any help. For now, the frontend of Hatsu doesn't need to be too complex, so it should be a Mobile-first design. It's just displaying content (maybe some simple interactions and a “view original page” button)

Also, I recently looked into using that for one of my projects and found it to be woefully incomplete unfortunately, see the Roadmap

As an alternative, it may be possible to use mdui, which currently offers more components

[reesericci]

just a quick mockup i made in a few mins, what are your thoughts?

[kwaa]

just a quick mockup i made in a few mins, what are your thoughts?

Posts should ideally be on a separate page.

[reesericci]

could we have both a permalink page that gets rendered as a drawer if you click from the UI?

[kwaa]

could we have both a permalink page that gets rendered as a drawer if you click from the UI?

My idea is still to make it as simple as possible, so we don't have to put in too much time for parts that don't matter.

[reesericci]

That makes total sense - I was just thinking from a UX perspective but simplicity is more valuable here.

I fleshed out the design a bit more:

here's the figma file: https://www.figma.com/file/Tc4glSBiGnwg6crUva5uKX/hatsu?type=design&node-id=0%3A1&mode=design&t=8xFSAjkRLoe9fYWj-1

[kwaa]

For post comments / reactions, I'll use KKna directly, they're all expected to use @material/web, so it'll look very consistent

[reesericci]

Makes sense to me

[kwaa]

The homepage should only show the Hatsu version (and optional instance info), and provide a webring-like feel to the user list on the other pages

[reesericci]

I think it would make sense to show a list of feeds though. I do like the webring idea too.

[kwaa]

I think it would make sense to show a list of feeds though. I do like the webring idea too.

The main thing I meant was to move the list of users to a separate page, with the home page only being used to display basic information.

[reesericci]

hmmm - i think the homepage being the index makes logical sense more than a separate index page

[kwaa]

I expect to write the frontend in the following order:

• Home page with only basic information
• User page
• Post page
• Separate reply page (for Webmention Backfeed feature)

The other pages are low-priority.

[reesericci]

Separate reply page (for Webmention Backfeed feature)

Can't there just be multiple h-entries on the page and link with an ID?

[kwaa]

Can't there just be multiple h-entries on the page and link with an ID?

This means it's too complicated to implement it in KKna and SSR it.

[reesericci]

updated things a bit: