Show loading indicator on file assembling

[Koc]

Background:
We've started using s3 storage instead of local files. And it performs much slower comparing to local filesystem. Now when we upload large file it can took up to 30 seconds for merging chunks into a single file. The problem is there is no any indicator of this activity and users can't understand what happening between progress bar hide and file appears in list.

You can observe how it works after the patch on the video below:

nextcloud-upload-2024-12-08_01.56.49.mp4

[codecov]

Bundle Report

Changes will increase total bundle size by 1.37kB (0.17%) ⬆️. This is within the configured threshold ✅

Detailed changes

Bundle name	Size	Change
@nextcloud/upload-esm	395.76kB	640 bytes (0.16%) ⬆️
@nextcloud/upload-cjs	399.21kB	726 bytes (0.18%) ⬆️

[codecov]

Codecov Report

Attention: Patch coverage is 50.00000% with 4 lines in your changes missing coverage. Please review.

Please upload report for BASE (main@070d762). Learn more about missing BASE report.
Report is 21 commits behind head on main.

Files with missing lines	Patch %	Lines
lib/uploader.ts	0.00%	3 Missing ⚠️
lib/components/UploadPicker.vue	80.00%	1 Missing ⚠️

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #1458   +/-   ##
=======================================
  Coverage        ?   27.33%           
=======================================
  Files           ?       14           
  Lines           ?     1489           
  Branches        ?       48           
=======================================
  Hits            ?      407           
  Misses          ?     1082           
  Partials        ?        0           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[skjnldsv]

Hey, thanks for the PR!
Unfortunately, design wise, adding some text to tell the user about the assembly is not acceptable.

Imho, to simplify this, we should :

• keep the progress bar active (if we don't do this already)
• show a new status Processing... only if there is no other upload ongoing (if the only async tasks left are move requests). If there is still some upload ongoing, they are more important than a MOVE request ongoing in the background

[Koc]

@skjnldsv I've did requested changes and updated PR description with new video that shows hot it works

[nfebe]

I left a comment to help fix the linting, so it's easy to see the actual changes.

If you must add valid lint changes preferable to add in a separate commit.

Looks good-ish though

[Koc]

@skjnldsv it works worse after latest changes 😿 . Can you please checkout my branch and take a look?

Here how can we test it:

# remote.php
if ($_SERVER['REQUEST_METHOD'] === 'PUT') {
	sleep(3);
} elseif ($_SERVER['REQUEST_METHOD'] === 'MOVE') {
	sleep(8);
}

Max chunk size is set to 10Mb. I'm uploading 33 + 150 Mb files.

[skjnldsv]

Hey @Koc let me have a look later.

[skjnldsv]

We've started using s3 storage instead of local files. And it performs much slower comparing to local filesystem. Now when we upload large file it can took up to 30 seconds for merging chunks into a single file.

Btw, we do support s3 chunk assembling if your s3 backend supports it :)
nextcloud/server#27034

[skjnldsv]

Hey Koc let me have a look later.

#1530