transmission/web/README

# Transmission Web Client

A web interface is built into all Transmission flavors, enabling them to be controlled remotely.

## Developing locally

First, in this web directory, run `npm i` to install all dependencies. (You’ll need to have node and npm installed, of course.)

Run `npm run dev` to compile the source javascript files into a bundle, then navigate to [localhost:9000](http://localhost:9000/).

Webpack will automatically compile on save, so you should see any changes reflected immediately.

## Anonymizing your data for screenshots

Use this bookmarklet to anonymize your torrent names before submitting a screenshot:

`javascript:void%20function(){const%20a=document.getElementsByClassName(%22torrent-name%22);for(const%20b%20of%20a)console.log(b),b.textContent=%22Lorem%20ipsum%20dolor%20sit%20amet.iso%22}();`

You’ll typically have about 3 seconds before the next batch of RPC updates overwrite the text content of any currently-downloading files.
-												Add readme with light setup instructions; minor UI tweaks (#5814)

* Add readme with light setup instructions; tweak ui

These are very minor changes that cover a few issues:

- WebUI Peer list too narrow #4209

On very small screens (for-phone-only), we modify width on some fields for less overlap. But we also truncate using `text-overflow: ellipsis` and `overflow-x: hidden`.

- properly style up/down speed icons

Moved SVG contents into index.html so we can make these style changes based on the `prefers-color-scheme` media query.

I also set a min-width, text-align: right on the download/upload label so they aren't shifting when going from 1 kB/s to 800 Mb/s.

- Add README for `web` directory

It made sense to add some super simple getting-started instructions for the directory.

- Limit input width in Add dialog of Web #5639

Add a width to the open-torrent file input, but also increase the modal dialog container size.

* Add bookmarklet for anonymizing screenshots

I see a lot of blurring going on in screenshots for issues and PRs, so this is a quick little bookmarklet trick to add lorem ipsum text to torrent-names.
											
										
										
											2023-07-28 17:50:45 +00:00
+								# Transmission Web Client
 								A web interface is built into all Transmission flavors, enabling them to be controlled remotely.
 								## Developing locally
 								First, in this web directory, run `npm i` to install all dependencies. (You’ll need to have node and npm installed, of course.)
 								Run `npm run dev` to compile the source javascript files into a bundle, then navigate to [localhost:9000](http://localhost:9000/).
 								Webpack will automatically compile on save, so you should see any changes reflected immediately.
 								## Anonymizing your data for screenshots
 								Use this bookmarklet to anonymize your torrent names before submitting a screenshot:
 								`javascript:void%20function(){const%20a=document.getElementsByClassName(%22torrent-name%22);for(const%20b%20of%20a)console.log(b),b.textContent=%22Lorem%20ipsum%20dolor%20sit%20amet.iso%22}();`
 								You’ll typically have about 3 seconds before the next batch of RPC updates overwrite the text content of any currently-downloading files.