feat: upload queue

[greatgitsby]

second part of #51

[github-actions]

deployed preview: https://203.connect-d5y.pages.dev

Welcome to connect! Make sure to:

• read the contributing guidelines
• mark your PR as a draft until it's ready to review
• post the preview on Discord; feedback from users will speedup the PR review

Mobile

Desktop

[greatgitsby]

how flexible are the LoC and bundle size numbers? i will do some refactoring but there will be limits.

[incognitojam]

The hard limit is 500 kb, 5000 lines

I see about 200 lines is in the API fetchers, another 100 for types - for now I think you can save a bunch of lines by wrapping the lines less. I'd like to move this out to a separate package later if it's all standard comma API stuff (there is already a comma API package but it doesn't have types)

[greatgitsby]

thanks!

yea moving api calls and types out will help quite a lot. i'll do some refactors and it should be achievable

[incognitojam]

Need any help finishing this? You could also split the requesting uploads and upload queue into separate PRs

[greatgitsby]

nope, i've been working on the clip bounty. i'm planning on separating the API contract and calls separately as that is well defined now

[incognitojam]

Can you split this up at all? It's pretty difficult to review (e.g. small fixes can be their own PRs, StatisticsBar refactor..)

[greatgitsby]

let me see what i can do. some refactors were for DRY (like the stats bar, that code was already somewhere else)

[github-actions]

Changes:

┌───┬─────────────────────────────────────────────────┬───────┬──────┐
│   │ path                                            │ lines │ diff │
├───┼─────────────────────────────────────────────────┼───────┼──────┤
│ 0 │ ./hooks/use-upload-queue.ts                     │ 165   │ 165  │
│ 1 │ ./components/upload-queue/QueueItemTable.tsx    │ 67    │ 67   │
│ 2 │ ./components/upload-queue/QueueItem.tsx         │ 47    │ 47   │
│ 3 │ ./components/upload-queue/index.tsx             │ 39    │ 39   │
│ 4 │ ./components/upload-queue/QueueStatistics.tsx   │ 26    │ 26   │
│ 5 │ ./pages/dashboard/activities/DeviceActivity.tsx │ 163   │ 19   │
│ 6 │ ./types.d.ts                                    │ 199   │ 11   │
│ 7 │ ./api/upload.ts                                 │ 48    │ 1    │
│ 8 │ ./components/material/Icon.tsx                  │ 35    │ 1    │
└───┴─────────────────────────────────────────────────┴───────┴──────┘

Total lines: 4399 (+376)

[greatgitsby]

removed the stats bar component and changes to the progress bar

[incognitojam]

let me see what i can do. some refactors were for DRY (like the stats bar, that code was already somewhere else)

removed the stats bar component and changes to the progress bar

I just meant you could open PRs to fix/cleanup things first, which would be small and easy to merge, if they help make the diff for this PR smaller

[greatgitsby]

created these which are self-contained:

#235
#236
#237

i'll do some component refactors later today

[incognitojam]

this is a normal dep instead of a dev dep?

[greatgitsby]

sorry, used to putting everything in dev for FE apps. will move it since it's the standard here

[incognitojam]

is this used?

[greatgitsby]

nice catch, was using it but not anymore. removing in next rev