Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve overall preview loading #1647

Merged
merged 1 commit into from
Feb 27, 2023

Conversation

artonge
Copy link
Collaborator

@artonge artonge commented Feb 23, 2023

This PR improve on the logic to display previews:

  1. Append the etag of the file to the file request. This ensure that old cache will not be used if the image is updated
  2. Listen to 'files:file:updated' to refetch the file's info and have the new etag
  3. Distinguish onload and on error events of the small and large previews to have a finer rendering conditions. Mostly not rendering both previews if the larger one is loaded.
  4. Do not delay rendering of files to make the UI snappier

@artonge
Copy link
Collaborator Author

artonge commented Feb 23, 2023

/backport to stable25

@artonge artonge self-assigned this Feb 23, 2023
@backportbot-nextcloud backportbot-nextcloud bot added the backport-request Pending backport by the backport-bot label Feb 23, 2023
@artonge artonge added 3. to review Waiting for reviews javascript Javascript related ticket and removed backport-request Pending backport by the backport-bot labels Feb 23, 2023
@artonge artonge added this to the Nextcloud 26 milestone Feb 23, 2023
@artonge artonge force-pushed the artonge/feat/optimize_preview_rendering branch from 570117a to fbaea8b Compare February 23, 2023 14:57
@@ -122,7 +122,7 @@ function genFileInfo(obj) {

if (fileInfo.filename) {
// Adding context
fileInfo.source = generateRemoteUrl(rootPath) + '/' + encodeFilePath(fileInfo.filename)
fileInfo.source = generateRemoteUrl(rootPath) + encodeFilePath(fileInfo.filename)
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This was making the editor to emit the wrong event as there was a duplicate //
https://github.com/nextcloud/viewer/blob/0931d2e08f630fe0748e807db427f8933cca3dbc/src/components/ImageEditor.vue#L174

@artonge artonge requested review from skjnldsv, a team, Pytal and szaimen and removed request for a team February 23, 2023 15:00
This PR improve on the logic to display previews:

1. Append the etag of the file to the file request. This ensure that old cache will not be used if the image is updated
2. Listen to 'files:file:updated' to refetch the file's info and have the new etag
3. Distinguish onload and on error events of the small and large previews to have a finer rendering conditions. Mostly not rendering both previews if the larger one is loaded.
4. Do not delay rendering of files to make the UI snappier

Signed-off-by: Louis Chemineau <louis@chmn.me>
@artonge artonge force-pushed the artonge/feat/optimize_preview_rendering branch from fbaea8b to 5f47922 Compare February 27, 2023 14:07
@artonge artonge merged commit 3772516 into master Feb 27, 2023
@artonge artonge deleted the artonge/feat/optimize_preview_rendering branch February 27, 2023 15:48
@backportbot-nextcloud backportbot-nextcloud bot added the backport-request Pending backport by the backport-bot label Feb 27, 2023
@backportbot-nextcloud backportbot-nextcloud bot removed the backport-request Pending backport by the backport-bot label Feb 27, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
3. to review Waiting for reviews javascript Javascript related ticket
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants