Refactor AppListPage

ui/src/app/util/package-loading-progress.ts

@@ -0,0 +1,50 @@
+import { InstallProgress } from "src/app/services/patch-db/data-model";
+
+export function packageLoadingProgress(
+  loadData: InstallProgress
+): ProgressData {
+  let {
+    downloaded,
+    validated,
+    unpacked,
+    size,
+    "download-complete": downloadComplete,
+    "validation-complete": validationComplete,
+    "unpack-complete": unpackComplete,
+  } = loadData;
+
+  // only permit 100% when "complete" == true
+  downloaded = downloadComplete ? size : Math.max(downloaded - 1, 0);
+  validated = validationComplete ? size : Math.max(validated - 1, 0);
+  unpacked = unpackComplete ? size : Math.max(unpacked - 1, 0);
+
+  const downloadWeight = 1;
+  const validateWeight = 0.2;
+  const unpackWeight = 0.7;
+
+  const numerator = Math.floor(
+    downloadWeight * downloaded +
+      validateWeight * validated +
+      unpackWeight * unpacked
+  );
+
+  const denominator = Math.floor(
+    size * (downloadWeight + validateWeight + unpackWeight)
+  );
+
+  return {
+    totalProgress: Math.floor((100 * numerator) / denominator),
+    downloadProgress: Math.floor((100 * downloaded) / size),
+    validateProgress: Math.floor((100 * validated) / size),
+    unpackProgress: Math.floor((100 * unpacked) / size),
+    isComplete: downloadComplete && validationComplete && unpackComplete,
+  };
+}
+
+export interface ProgressData {
+  totalProgress: number;
+  downloadProgress: number;
+  validateProgress: number;
+  unpackProgress: number;
+  isComplete: boolean;
+}