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

Upload screen feedback and bugfixes #483

Merged
merged 3 commits into from May 23, 2018
Merged

Upload screen feedback and bugfixes #483

merged 3 commits into from May 23, 2018

Conversation

lidel
Copy link
Member

@lidel lidel commented May 23, 2018

Improvements

  • display visual feedback for ongoing upload (realtime if possible)
  • disable uploads of multiple files with js-ipfs until it ships with wrapping support

Fixes

Future Improvements

  • make buffering state (which is long when using an external node) more interesting (@olizilla ideas?)

Preview

when js-ipfs is used, progress is provided in realtime (js-ipfs-api displays buffering state for the most of time):

screenshot_7

Useful commands

Creating a sparse file (filled with zeroes) of arbitrary size:

truncate -s 128m 128m.file

Big files filled with zeroes are handy for tests with js-ipfs, which has a limited repo store size (one chunk will just be reused).

lidel added 2 commits May 22, 2018 18:50
- display visual feedback for ongoing upload (realtime if possible)
- use streaming to solve a set of errors caused by big files and js-ipfs
@lidel lidel requested a review from olizilla May 23, 2018 11:16
@lidel lidel changed the title [WIP] Upload screen feedback and bugfixes Upload screen feedback and bugfixes May 23, 2018
pin: state.pinUpload
}
console.log('Calling background.ipfsAddAndShow', files)
Copy link
Member

Choose a reason for hiding this comment

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

Remove debug logging

@@ -141,7 +181,7 @@ function quickUploadPage (state, emit) {
</emph>
${browser.i18n.getMessage('quickUpload_drop_it_here')}
</span>
<p class='f4'>${state.message}</p>
<p class='f4 db relative'>${state.message}<span class='code db absolute fr pv2'>${state.progress}</span></p>
Copy link
Member

Choose a reason for hiding this comment

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

I don't think we need absolute / relative position dancing here.

package.json Outdated
@@ -90,9 +90,11 @@
"web-ext": "2.6.0"
},
"dependencies": {
"byte-size": "4.0.3",
Copy link
Member

Choose a reason for hiding this comment

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

we're using filesize in ipld-cli and share-via-ips and webui
https://www.npmjs.com/package/filesize

Copy link
Member Author

Choose a reason for hiding this comment

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

@olizilla I was unable to set up filesize in a way that keeps static number of decimal digits 🙃

peek 2018-05-23 18-45

So I just dropped them, to keep things simple:

peek 2018-05-23 18-51

@lidel lidel added the UX label May 23, 2018
@lidel lidel merged commit cdfc775 into master May 23, 2018
@lidel lidel deleted the feat/upload-status branch May 23, 2018 18:19
@lidel lidel mentioned this pull request May 23, 2018
2 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants