Enable full support of Livewire + Tailwind: New front-end

[ildyria]

WORK IN PROGRESS — Just ignore 😅

Setup for testing

After switching to this branch.

# Update the vendor files.
composer install 

# Update the database, there are new constants being used.
php artisan migrate 

# Set up the JS dependencies.
npm install

# Spawn the Vite server for hot reload pages on changes (recommended for development).
npm run dev
# or compile files (recommended for production).
npm run build

Then you can access the front-end at the following url:
https://yourlychee.example.org/livewire
Or by setting LIVEWIRE_ENABLED=false in your .env, in this case, the front-end will switch to Livewire completely.

Fixes

Fixes #12 — ✔️
Fixes #383 — ✔️
Fixes #725 — ✔️
Fixes #748 — ✔️ (need localization)
Fixes #828 — ✔️
Closes #845 — ✔️
Fixes #857 — ✔️
Fixes #1053 — ✔️ (no more public smart album)
Fixes #1211 — ✔️
Fixes #1249 — ✔️
Fixes #1189 — ✔️
Fixes #1253 — ✔️
Fixes #1462 — ✔️
Fixes #1676 — ✔️
Fixes #1704 — ✔️
Fixes #1720 — ✔️
Fixes #1732 — ✔️
Fixes #1891 — ✔️
Fixes #1948 — ✔️
Fixes #1973 — ✔️
Fixes #1989 — ✔️
Fixes LycheeOrg/Lychee-front#199 — ✔️
Fixes #2011 — ✔️

Fixes LycheeOrg/Lychee-front#90 — ✔️
Fixes LycheeOrg/Lychee-front#104 — ✔️
Fixes LycheeOrg/Lychee-front#166 — ✔️
Fixes LycheeOrg/Lychee-front#268 — ✔️ (homebrewed css is gone)
Fixes LycheeOrg/Lychee-front#312 — ✔️ (already fixed actually)
Fixes LycheeOrg/Lychee-front#343 — ✔️
Fixes LycheeOrg/Lychee-front#344 — ✔️
Fixes LycheeOrg/Lychee-front#373 — ✔️

Major breaking differences

• Public smart album is gone.
• Making a single pictures public is no longer an option.
• Import from server is gone in favor of command line sync

Left menu

Done

• : Scaffolding
• : Actions

Setting pages

Done

• : Scaffolding
• : Saving/Live update
• : Key bindings (Enter = Confirm Save all)

Log pages

Done

• : Scaffolding
• : Actions

Diagnostics pages

Done

• : Scaffolding
• : Actions

User Management pages

Done

• : Scaffolding
• : Actions

Profile page

Done

• : login
• : email
• : U2F
  • : Scaffolding
  • : Actions
    • : rename
    • : delete
    • : add

Sharing page

Done

• : Scaffolding
• : Actions

Album page

Done

• : Password request
• : Scaffolding
• : Navigation
• : License
• : Full display
  • : Justified
  • : Squared
  • : Masondry
  • : Grid
• : Actions Albums
  • : Set visibility
  • : Set license
  • : Sharing to other users
  • : Sharing links
  • : Transfer Ownership
  • : Mark as Sensitive
  • : Download Album
  • : Move
  • : Delete
  • : Full Screen
  • : Open Side bar

Photo page

Done

• : Scaffolding
• : Navigation

Header

Done

• : Scaffolding
• : Import from Server or drop GUI functionality?
• : Menu Albums
  • : Upload
  • : Import from Link
  • : Import from Server
  • : Create New Album
  • : Create New Tag Album
• : Actions Photos
  • : Set Star
  • : Set license
  • : Set visibility Dropped.
  • : Rotate CW (not tested)
  • : Rotate CCW (not tested)
  • : Move
  • : Delete
  • : Full Screen
  • : Open Side bar
  • : Donwload

Sidebar

Done

• : Scaffolding
• : Actions Albums
• : Actions Photos

Upload

Done

• : Upload by chunk
• : Limitation on parallel processing/requests

Keybinding

Done

• : Done (mostly)

[codecov]

Codecov Report

Merging #1303 (331c5b8) into master (6b2b04c) will increase coverage by 2.72%.
The diff coverage is 93.38%.

❗ Current head 331c5b8 differs from pull request most recent head 3bffd15. Consider uploading reports for the commit 3bffd15 to get more accurate results

Additional details and impacted files

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
11 Code Smells

No Coverage information
0.0% Duplication

[qwerty287]

So a few points I noticed just now (maybe I'd copy this again once we have a new PR):

1. Using the "back" button is extremely slow. It takes ~2 sec to load. Opening a new view (e.g. album) is fast though.
2. The layout selector is also shown if there are no photos, I think it would better to hide it.
3. Dialogs and right-click menus are still extremely slow.
4. Navigating left/right on photos is extremely slow, it would be better to navigate directly and show a loading indicator.
5. If you open/close the photo sidebar very often, at some point it does not work anymore and is always hidden.
6. Opening the photo sidebar the first time moves the photo left first, then nothing happens for a short time, and then the sidebar opens. This should be synchronously.
7. I'm not a big fan of the big buttons for photos, that gives me the feel this is software for children ;)
8. When moving photos, the album list loads very long (it's pretty fast when moving albums though).
9. Opening the album detail panel does not animate 100% fluently.
10. Text inputs in dialogs have a weird border (e.g. login)

Overall it's working well (except the performance as I wrote above...), thanks for all the work!

[ildyria]

Squashed & closed.
See #2035 for the updated PR.