Skip to content

Commit

Permalink
WIP: Display download progress for file downloads
Browse files Browse the repository at this point in the history
Display a vanilla progress bar for file downloads that simply shows how
much of the file has been downloaded so far.

A new FileDownloadProgressBar widget replaces the existing animated
spinner, and we inject a signal through to the SDK to pass the current
progress back to the widget.

The widget both displays the overall total progress as a percentage and
also calculates the download speed by using an exponential moving
average to smooth it out. A timer runs every 100ms to recalculate the
speed.

A new utils.humanize_speed() is used to translate the raw bytes/second
into a human-readable version with a focus on keeping the length of the
string roughly consistent so there's less visual shifting.

TODO:
* Visual alignment issue; need padding on the right side
* tests?

Fixes #1104.
  • Loading branch information
legoktm committed Dec 10, 2024
1 parent e5402cd commit a8222ca
Show file tree
Hide file tree
Showing 12 changed files with 233 additions and 63 deletions.
9 changes: 5 additions & 4 deletions client/securedrop_client/api_jobs/downloads.py
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
from securedrop_client.api_jobs.base import SingleObjectApiJob
from securedrop_client.crypto import CryptoError, GpgHelper
from securedrop_client.db import DownloadError, DownloadErrorCodes, File, Message, Reply
from securedrop_client.sdk import API, BaseError
from securedrop_client.sdk import API, BaseError, ProgressProxy
from securedrop_client.sdk import Reply as SdkReply
from securedrop_client.sdk import Submission as SdkSubmission
from securedrop_client.storage import (
Expand Down Expand Up @@ -56,6 +56,7 @@ class DownloadJob(SingleObjectApiJob):
def __init__(self, data_dir: str, uuid: str) -> None:
super().__init__(uuid)
self.data_dir = data_dir
self.progress: ProgressProxy | None = None

def _get_realistic_timeout(self, size_in_bytes: int) -> int:
"""
Expand Down Expand Up @@ -260,7 +261,7 @@ def call_download_api(self, api: API, db_object: Reply) -> tuple[str, str]:
# will want to pass the default request timeout to download_reply instead of setting it on
# the api object directly.
api.default_request_timeout = 20
return api.download_reply(sdk_object)
return api.download_reply(sdk_object, progress=self.progress)

def call_decrypt(self, filepath: str, session: Session | None = None) -> str:
"""
Expand Down Expand Up @@ -316,7 +317,7 @@ def call_download_api(self, api: API, db_object: Message) -> tuple[str, str]:
sdk_object.source_uuid = db_object.source.uuid
sdk_object.filename = db_object.filename
return api.download_submission(
sdk_object, timeout=self._get_realistic_timeout(db_object.size)
sdk_object, timeout=self._get_realistic_timeout(db_object.size), progress=self.progress
)

def call_decrypt(self, filepath: str, session: Session | None = None) -> str:
Expand Down Expand Up @@ -375,7 +376,7 @@ def call_download_api(self, api: API, db_object: File) -> tuple[str, str]:
sdk_object.source_uuid = db_object.source.uuid
sdk_object.filename = db_object.filename
return api.download_submission(
sdk_object, timeout=self._get_realistic_timeout(db_object.size)
sdk_object, timeout=self._get_realistic_timeout(db_object.size), progress=self.progress
)

def call_decrypt(self, filepath: str, session: Session | None = None) -> str:
Expand Down
2 changes: 2 additions & 0 deletions client/securedrop_client/gui/base/__init__.py
Original file line number Diff line number Diff line change
Expand Up @@ -26,8 +26,10 @@
SvgPushButton,
SvgToggleButton,
)
from securedrop_client.gui.base.progress import FileDownloadProgressBar

__all__ = [
"FileDownloadProgressBar",
"ModalDialog",
"PasswordEdit",
"SDPushButton",
Expand Down
82 changes: 82 additions & 0 deletions client/securedrop_client/gui/base/progress.py
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
import math
import time

from PyQt5.QtCore import QTimer, pyqtSignal
from PyQt5.QtWidgets import QProgressBar

from securedrop_client.sdk import ProgressProxy
from securedrop_client.utils import humanize_speed

SMOOTHING_FACTOR = 0.3


class FileDownloadProgressBar(QProgressBar):
"""
A progress bar for file downloads.
It receives progress updates from the SDK and updates the total % downloaded,
as well as calculating the current speed.
We use an exponential moving average to smooth out the speed as suggested by
https://stackoverflow.com/a/3841706; the reported speed is 30% of the current
speed and 70% of the previous speed. It is updated every 100ms.
"""

signal = pyqtSignal(int)

def __init__(self, file_size: int) -> None:
super().__init__()
self.setObjectName("FileDownloadProgressBar")
self.setMaximum(file_size)
# n.b. we only update the bar's value and let the text get updated by
# the timer in update_speed
self.signal.connect(self.setValue)
self.timer = QTimer(self)
self.timer.setInterval(100)
self.timer.timeout.connect(self.update_speed)
self.timer.start()
# The most recently calculated speed
self.speed = 0.0
# The last time we updated the speed
self.last_total_time = 0.0
# The number of bytes downloaded the last time we updated the speed
self.last_total_bytes = 0

def update_display(self) -> None:
"""Update the text displayed in the progress bar."""
# Use math.floor so we don't show 100% until we're actually done
percentage = math.floor((self.value() / self.maximum()) * 100)
formatted_speed = humanize_speed(self.speed)
# TODO: localize this?
if percentage in (0, 100):
# If haven't started or have finished, don't display a 0B/s speed
self.setFormat(f"{percentage}%")
else:
self.setFormat(f"{percentage}% | {formatted_speed}")

def update_speed(self) -> None:
"""Calculate the new speed and trigger updating the display."""
now = time.monotonic()
value = self.value()

# If this is the first update we report the speed as 0
if self.last_total_time == 0:
self.last_total_time = now
self.last_total_bytes = value
self.speed = 0
return

time_diff = now - self.last_total_time
bytes_diff = value - self.last_total_bytes
if time_diff > 0:
self.speed = (
1 - SMOOTHING_FACTOR
) * self.speed + SMOOTHING_FACTOR * bytes_diff / time_diff

self.last_total_time = now
self.last_total_bytes = value
self.update_display()

def proxy(self) -> ProgressProxy:
"""Get a proxy that updates this widget."""
return ProgressProxy(self.signal)
31 changes: 18 additions & 13 deletions client/securedrop_client/gui/widgets.py
Original file line number Diff line number Diff line change
Expand Up @@ -83,7 +83,13 @@
ExportConversationTranscriptAction,
PrintConversationAction,
)
from securedrop_client.gui.base import SecureQLabel, SvgLabel, SvgPushButton, SvgToggleButton
from securedrop_client.gui.base import (
FileDownloadProgressBar,
SecureQLabel,
SvgLabel,
SvgPushButton,
SvgToggleButton,
)
from securedrop_client.gui.conversation import DeleteConversationDialog
from securedrop_client.gui.datetime_helpers import format_datetime_local
from securedrop_client.gui.shortcuts import Shortcuts
Expand Down Expand Up @@ -2579,7 +2585,8 @@ def __init__(
self.download_button.setIcon(load_icon("download_file.svg"))
self.download_button.setFont(self.file_buttons_font)
self.download_button.setCursor(QCursor(Qt.PointingHandCursor))
self.download_animation = load_movie("download_file.gif")
self.download_progress = FileDownloadProgressBar(self.file.size)
self.download_progress.hide()
self.export_button = QPushButton(_("EXPORT"))
self.export_button.setObjectName("FileWidget_export_print")
self.export_button.setFont(self.file_buttons_font)
Expand All @@ -2590,6 +2597,7 @@ def __init__(
self.print_button.setFont(self.file_buttons_font)
self.print_button.setCursor(QCursor(Qt.PointingHandCursor))
file_options_layout.addWidget(self.download_button)
file_options_layout.addWidget(self.download_progress)
file_options_layout.addWidget(self.export_button)
file_options_layout.addWidget(self.middot)
file_options_layout.addWidget(self.print_button)
Expand Down Expand Up @@ -2675,6 +2683,7 @@ def _set_file_state(self) -> None:
logger.debug(f"Changing file {self.uuid} state to decrypted/downloaded")
self._set_file_name()
self.download_button.hide()
self.download_progress.hide()
self.no_file_name.hide()
self.export_button.show()
self.middot.show()
Expand All @@ -2693,6 +2702,7 @@ def _set_file_state(self) -> None:

self.download_button.setFont(self.file_buttons_font)
self.download_button.show()
self.download_progress.hide()

# Reset stylesheet
self.download_button.setStyleSheet("")
Expand Down Expand Up @@ -2793,34 +2803,29 @@ def _on_left_click(self) -> None:
if self.controller.api:
self.start_button_animation()
# Download the file.
self.controller.on_submission_download(File, self.uuid)
self.controller.on_submission_download(
File, self.uuid, self.download_progress.proxy()
)

def start_button_animation(self) -> None:
"""
Update the download button to the animated "downloading" state.
"""
self.downloading = True
self.download_animation.frameChanged.connect(self.set_button_animation_frame)
self.download_animation.start()
self.download_progress.setValue(0)
self.download_progress.show()
self.download_button.setText(_(" DOWNLOADING "))

# Reset widget stylesheet
self.download_button.setStyleSheet("")
self.download_button.setObjectName("FileWidget_download_button_animating")
self.download_button.setStyleSheet(self.DOWNLOAD_BUTTON_CSS)

def set_button_animation_frame(self, frame_number: int) -> None:
"""
Sets the download button's icon to the current frame of the spinner
animation.
"""
self.download_button.setIcon(QIcon(self.download_animation.currentPixmap()))

def stop_button_animation(self) -> None:
"""
Stops the download animation and restores the button to its default state.
"""
self.download_animation.stop()
self.download_progress.hide()
file = self.controller.get_file(self.file.uuid)
if file is None:
self.deleteLater()
Expand Down
20 changes: 16 additions & 4 deletions client/securedrop_client/logic.py
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,12 @@
)
from securedrop_client.crypto import GpgHelper
from securedrop_client.queue import ApiJobQueue
from securedrop_client.sdk import AuthError, RequestTimeoutError, ServerConnectionError
from securedrop_client.sdk import (
AuthError,
ProgressProxy,
RequestTimeoutError,
ServerConnectionError,
)
from securedrop_client.sync import ApiSync
from securedrop_client.utils import check_dir_permissions

Expand Down Expand Up @@ -825,7 +830,10 @@ def set_status(self, message: str, duration: int = 5000) -> None:

@login_required
def _submit_download_job(
self, object_type: type[db.Reply] | type[db.Message] | type[db.File], uuid: str
self,
object_type: type[db.Reply] | type[db.Message] | type[db.File],
uuid: str,
progress: ProgressProxy | None = None,
) -> None:
if object_type == db.Reply:
job: ReplyDownloadJob | MessageDownloadJob | FileDownloadJob = ReplyDownloadJob(
Expand All @@ -842,6 +850,7 @@ def _submit_download_job(
job.success_signal.connect(self.on_file_download_success)
job.failure_signal.connect(self.on_file_download_failure)

job.progress = progress
self.add_job.emit(job)

def download_new_messages(self) -> None:
Expand Down Expand Up @@ -974,12 +983,15 @@ def on_file_open(self, file: db.File) -> None:

@login_required
def on_submission_download(
self, submission_type: type[db.File] | type[db.Message], submission_uuid: str
self,
submission_type: type[db.File] | type[db.Message],
submission_uuid: str,
progress: ProgressProxy | None = None,
) -> None:
"""
Download the file associated with the Submission (which may be a File or Message).
"""
self._submit_download_job(submission_type, submission_uuid)
self._submit_download_job(submission_type, submission_uuid, progress)

def on_file_download_success(self, uuid: str) -> None:
"""
Expand Down
26 changes: 22 additions & 4 deletions client/securedrop_client/sdk/__init__.py
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@

from securedrop_client.config import Config

from .progress import ProgressProxy
from .sdlocalobjects import (
AuthError,
BaseError,
Expand Down Expand Up @@ -131,7 +132,10 @@ def _rpc_target(self) -> list:
return [f"{target_directory}/debug/securedrop-proxy"]

def _streaming_download(
self, data: dict[str, Any], env: dict
self,
data: dict[str, Any],
env: dict,
progress: ProgressProxy,
) -> StreamedResponse | JSONResponse:
fobj = tempfile.TemporaryFile("w+b")

Expand Down Expand Up @@ -183,6 +187,7 @@ def _streaming_download(

fobj.write(chunk)
bytes_written += len(chunk)
progress.set_value(bytes_written)
logger.debug(f"Retry {retry}, bytes written: {bytes_written:,}")

# Wait for the process to end
Expand Down Expand Up @@ -303,6 +308,7 @@ def _send_json_request(
body: str | None = None,
headers: dict[str, str] | None = None,
timeout: int | None = None,
progress: ProgressProxy | None = None,
) -> StreamedResponse | JSONResponse:
"""Build a JSON-serialized request to pass to the proxy.
Handle the JSON or streamed response back, plus translate HTTP error statuses
Expand All @@ -328,9 +334,12 @@ def _send_json_request(
if self.development_mode:
env["SD_PROXY_ORIGIN"] = self.server

if not progress:
progress = ProgressProxy(None)

# Streaming
if stream:
return self._streaming_download(data, env)
return self._streaming_download(data, env, progress)

# Not streaming
data_str = json.dumps(data).encode()
Expand Down Expand Up @@ -360,6 +369,7 @@ def _send_json_request(
logger.error("Internal proxy error (non-streaming)")
raise BaseError(f"Internal proxy error: {error_desc}")

progress.set_value(len(response.stdout))
return self._handle_json_response(response.stdout)

def authenticate(self, totp: str | None = None) -> bool:
Expand Down Expand Up @@ -683,7 +693,11 @@ def delete_submission(self, submission: Submission) -> bool:
return False

def download_submission(
self, submission: Submission, path: str | None = None, timeout: int | None = None
self,
submission: Submission,
path: str | None = None,
timeout: int | None = None,
progress: ProgressProxy | None = None,
) -> tuple[str, str]:
"""
Returns a tuple of etag (format is algorithm:checksum) and file path for
Expand Down Expand Up @@ -712,6 +726,7 @@ def download_submission(
stream=True,
headers=self.build_headers(),
timeout=timeout or self.default_download_timeout,
progress=progress,
)

if isinstance(response, JSONResponse):
Expand Down Expand Up @@ -909,7 +924,9 @@ def get_all_replies(self) -> list[Reply]:

return result

def download_reply(self, reply: Reply, path: str | None = None) -> tuple[str, str]:
def download_reply(
self, reply: Reply, path: str | None = None, progress: ProgressProxy | None = None
) -> tuple[str, str]:
"""
Returns a tuple of etag (format is algorithm:checksum) and file path for
a given Reply object. This method requires a directory path
Expand All @@ -936,6 +953,7 @@ def download_reply(self, reply: Reply, path: str | None = None) -> tuple[str, st
stream=True,
headers=self.build_headers(),
timeout=self.default_request_timeout,
progress=progress,
)

if isinstance(response, JSONResponse):
Expand Down
15 changes: 15 additions & 0 deletions client/securedrop_client/sdk/progress.py
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
from PyQt5.QtCore import pyqtBoundSignal


class ProgressProxy:
"""
Relay the current download progress over to the UI; see
the FileDownloadProgressBar widget.
"""

def __init__(self, inner: pyqtBoundSignal | None) -> None:
self.inner = inner

def set_value(self, value: int) -> None:
if self.inner:
self.inner.emit(value)
Loading

0 comments on commit a8222ca

Please sign in to comment.