okdistribute / hyperdrive-ui Goto Github PK

View Code? Open in Web Editor NEW

40.0 10.0 4.0 777 KB

Render a hyperdrive in the browser.

Home Page: http://karissa.github.io/hyperdrive-ui/

JavaScript 98.24% Shell 1.76%

hyperdrive-ui's Introduction

hyperdrive-ui

Explore the contents of a hyperdrive in the browser.

Example

Live demo: http://dat.land/

usage

npm install hyperdrive-ui

`hyperdriveUI(archive, opts, onclick)`

Renders the explorer.

var explorer = require('hyperdrive-ui')
function onclick (ev, entry) {
  console.log('clicked', entry.name, entry.type)
}
var tree = explorer(archive, onclick)
document.querySelector('#hyperdrive').appendChild(tree)

get started

npm install
npm start

hyperdrive-ui's People

Contributors

Stargazers

Watchers

Forkers

berleant juliangruber kriesse clkao

hyperdrive-ui's Issues

render .csv/.tsv nicely

it'd be cool if the csv was rendered more friendly-like.

there are are a lot of awesome csv renderers.

This might require an addition or change to the render-data package

drag and drop should respect the current folder

right now all drag and drops go to the root dir rather than the currently open one

should cancel existing archive.open when reset is cleared

otherwise the previous archive can pop in after the user clicked reset

Viewing files disabled after clicking on any folders

To duplicate:
dat hash: 2cc2795f95a23f24fd8f0733dc8d5fe878a9bc2f54d5362ff874341654899dfb
Click Exercises.txt. Works as expected.
Click vocab. Works as expected.
Click a file. No response.
Click the ".." folder. This works as expected.
Click Exercises.txt. It doesn't display any more.

move many of these issues to datproject/dat.land

we can use https://github.com/IQAndreas/github-issues-import

When rendering empty files, display helpful message?

Instead of a blank screen. Just a thought.

file size limit on pre-fetching data

loading screen when clicking on an item

before the file renders, it should show a little loading icon/screen

fix encoding for Chinese chars

drag and drop should handle non-owner drop() gracefully

right now it is failing over to default browser window behavior if user is not owner (in chrome, display file from local file://)

A button to force sync all content

the panic button before going offline

progress bars

when you drag and drop there should be a progress bar

firefox - drop directory doesn't get all files recursively

update when peers disconnect

might require hyperdrive-archive-swarm to keep track of the peers

back button on browser should trigger back in fs

e.g., if you load a dat link (page A), then open a file (page B), then hit back, the browser should display page A again. Currently it's not doing that, at least not on my browser (Chrome, Mac).

add chrome

put some chrome on it!

responsive header

the reset and help button are off to the right hiding when you make the browser half size

scrolling on long text files

if its a larger file, lets make it scrollable

indicator for whether individual file has been replicated

so they can be accessed offline

initialize with last hyperdrive hash opened

When no hash is given, instead of always creating a new one, use the previous one if user has visited before.

restore persistence

6795257 switched to memdb. Are there other concerns that we can't switch back to something persistent?

show cumulated download/upload

in addition to speed, it'd be nice to see how much traffic this hyperdrive consumed

overwritten files are displayed as duplicated files

if you drag readme.md into hyperdrive, and then drag a different version of readme.md over again, you will see two readme.md, in both the owner's hyperdrive and replicated drive.

We should construct the correct filesystem taking overwrites into account.

add pre-commit hook to run jslint

/path/to/file.txt should render

render the file.txt, maybe as an argument to hyperdrive-ui in the opts object

render into something nice

right now when you click a file it renders into an ugly window, we could make it feel better

componentize hyperdrive-ui

first pass at this was here:
#51

improvements to that^^ forthcoming. --lauren

random js error that doesn't affect behavior?

It pops up when cbs is null.

repro:
load a dat link being hosted using dat-app, look in the js console

download progress

a la https://github.com/mafintosh/hyperdrive/blob/gh-pages/index.js#L13

add travis script to do continuous deliver and push to gh-pages

signalhub status

If you have multiple browser tabs, the connection to signalhub is blocked due to per-host connection limit (hello this is 2016?) and making the UI non-responsive.

There should be an indicator if signalhub is not responsive after a few seconds.

break out speedometer from app.js

break out attachSpeedometer() logic currently in app.js into its own module, hyperdrive-speedometer-ui that takes simple args: (archive, parentEl, uploadEl, downloadEl). that way desktop app can re-use.