A browser and wallet for LBRY, the decentralized, user-controlled content marketplace.
b2fd38a1c8
After moving the padding to the content of buttons, we ended up with extra padding around text buttons that wasn't there before. The "Download" bar doesn't look great with no padding at all, but it needs to match the text buttons so the text doesn't jump to the right when it switches from "Download" (text button) to "Connecting" (progress bar). So we pad both text buttons and progress bars just a little bit, less than a standard button but enough that progress bars look OK. |
||
---|---|---|
.travis | ||
dist | ||
js | ||
scss | ||
.babelrc | ||
.bumpversion.cfg | ||
.eslintrc.js | ||
.gitignore | ||
.travis.yml | ||
LICENSE.md | ||
package.json | ||
README.md | ||
watch.sh | ||
webpack.config.js |
LBRY Web User Interface
This is the frontend for LBRY's in-browser application, that is automatically installed when a user installs LBRY.
Development Setup
These steps will get you to change-reload-see:
- Install LBRY
- Install node and npm (this gist may be useful)
- Run
./watch.sh
(this willnpm install
dependencies). Changes made insass
andjs
will be auto compiled todist
- Run
lbrynet-daemon --ui=/full/path/to/dist/
to start LBRY lbry.call('configure_ui', {path: '/path/to/ui'})
can be used in JS console on web ui to switch ui path. This is also needed to trigger a reload after making changes to the UI.lbrynet-daemon --branch=branchname
can be used to test remote branches- Occasionally refreshing the cache may be necessary for changes to show up in browser
Common Issues
- Error: Couldn't find preset "es2015" relative to directory "js"
Fix with:
npm install babel-preset-es2015 --save
npm install babel-preset-react --save