\n \n ![\"Logo\"](\"public/images/android-chrome-512x512.png\")
\n \n \n # _Send it_, with [PairDrop](https://pairdrop.net)\n\n
\n\n \n \n # _Send it_, with [PairDrop](https://pairdrop.net)\n\n \n Local file sharing in your web browser. \n
\n Inspired by Apple's AirDrop.\n
\n Fork of Snapdrop.\n
\n
\n Report a bug\n
\n Request feature\n
\n\n## Features\nFile sharing on your local network that works on all platforms.\n\n- A multi-platform AirDrop-like solution that works.\n - Send images, documents or text via peer-to-peer connection to devices on the same local network.\n- Internet transfers\n - Join temporary public rooms to transfer files easily over the Internet.\n- Web-app \n - Works on all devices with a modern web-browser.\n \nSend a file from your phone to your laptop?\n
Share photos in original quality with friends using Android and iOS?\n
Share private files peer-to-peer between Linux systems?\n\n
![\"Screenshot](\"docs/pairdrop_screenshot_mobile.gif\")
\n\n## Differences to the [Snapdrop](https://github.com/RobinLinus/snapdrop) it is based on\nView all differences
\n\n### Paired Devices and Public Rooms — Internet Transfer\n* Transfer files over the Internet between paired devices or by entering temporary public rooms.\n* Connect to devices in complex network environments (public Wi-Fi, company network, iCloud Private Relay, VPN, etc.).\n* Connect to devices on your mobile hotspot.\n* Devices outside of your local network that are behind a NAT are auto-connected via the PairDrop TURN server.\n* Devices from the local network, in the same public room, or previously paired are shown.\n\n#### Persistent Device Pairing\n\nAlways connect to known devices\n\n* Pair devices via a 6-digit code or a QR-Code.\n* Paired devices always find each other via shared secrets independently of their local network. \n* Pairing is persistent. You find your devices even after reopening PairDrop.\n* You can edit and unpair devices easily.\n\n#### Temporary Public Rooms\n\nConnect to others in complex network situations, or over the Internet.\n\n* Enter a public room via a 5-letter code or a QR-code.\n* Enter a public room to temporarily connect to devices outside your local network.\n* All devices in the same public room see each other.\n* Public rooms are temporary. Closing PairDrop leaves all rooms.\n\n### [Improved UI for Sending/Receiving Files](https://github.com/RobinLinus/snapdrop/issues/560)\n* Files are transferred after a request is accepted. Files are auto-downloaded upon completing a transfer, if possible.\n* Multiple files are downloaded as a ZIP file\n* Download, share or save to gallery via the \"Share\" menu on Android and iOS.\n* Multiple files are transferred at once with an overall progress indicator.\n\n### Send Files or Text Directly From Share Menu, Context Menu or CLI\n* [Send files directly from context menu on Ubuntu (using Nautilus)](docs/how-to.md#send-multiple-files-and-directories-directly-from-context-menu-on-ubuntu-using-nautilus)\n* [Send files directly from the context menu on Windows](docs/how-to.md#send-files-directly-from-context-menu-on-windows)\n* [Send directly from the \"Share\" menu on iOS](docs/how-to.md#send-directly-from-share-menu-on-ios)\n* [Send directly from the \"Share\" menu on Android](docs/how-to.md#send-directly-from-share-menu-on-android)\n* [Send directly via the command-line interface](docs/how-to.md#send-directly-via-command-line-interface)\n\n### Other Changes\n* Change your display name to easily differentiate your devices.\n* [Paste files/text and choose the recipient afterwards ](https://github.com/RobinLinus/snapdrop/pull/534)\n* [Prevent devices from sleeping on file transfer](https://github.com/RobinLinus/snapdrop/pull/413)\n* Warn user before PairDrop is closed on file transfer\n* Open PairDrop on multiple tabs simultaneously (Thanks [@willstott101](https://github.com/willstott101))\n* [Video and audio preview](https://github.com/RobinLinus/snapdrop/pull/455) (Thanks [@victorwads](https://github.com/victorwads))\n* Switch theme back to auto/system after dark or light mode is on\n* Node-only implementation (Thanks [@Bellisario](https://github.com/Bellisario))\n* Auto-restart on error (Thanks [@KaKi87](https://github.com/KaKi87))\n* Lots of stability fixes (Thanks [@MWY001](https://github.com/MWY001) [@skiby7](https://github.com/skiby7) and [@willstott101](https://github.com/willstott101))\n* To host PairDrop on your local network (e.g. on Raspberry Pi): [All peers connected with private IPs are discoverable by each other](https://github.com/RobinLinus/snapdrop/pull/558)\n* When hosting PairDrop yourself, you can [set your own STUN/TURN servers](docs/host-your-own.md#specify-stunturn-servers)\n* Translations.\n\n![\"Translation](\"https://hosted.weblate.org/widget/pairdrop/horizontal-blue.svg\")
\n\n\n## Built with the following awesome technologies:\n* Vanilla HTML5 / JS ES6 / CSS 3 frontend\n* [WebRTC](http://webrtc.org/) / WebSockets\n* [Node.js](https://nodejs.org/en/) backend\n* [Progressive web app (PWA)](https://en.wikipedia.org/wiki/Progressive_web_app) unified functionality\n* [IndexedDB API](https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API) storage handling\n* [zip.js](https://gildas-lormeau.github.io/zip.js/) library\n* [cyrb53](https://github.com/bryc/code/blob/master/jshash/experimental/cyrb53.js) super-fast hash function\n* [NoSleep](https://github.com/richtr/NoSleep.js) display sleep, add wake lock ([MIT](licenses/MIT-NoSleep))\n* [heic2any](https://github.com/alexcorvi/heic2any) HEIC/HEIF to PNG/GIF/JPEG ([MIT](licenses/MIT-heic2any))\n* [Weblate](https://weblate.org/) web-based localization tool\n* [BrowserStack](https://www.browserstack.com/) This project is tested with BrowserStack\n\n[FAQ](docs/faq.md)\n\n[Host your own instance with Docker or Node.js](docs/host-your-own.md).\n\n## Support\n\n![\"Buy](\"https://cdn.buymeacoffee.com/buttons/v2/default-blue.png\")
\n\n\n
\n\nPairDrop is libre, and always will be. \\\nIf you find it useful and want to support free and open-source software, please consider donating using the button above. \\\nI footed the bill for the domain and the server, and you can help create and maintain great software by supporting me. \\\nThank you very much for your contribution!\n\n## Contributing\nFeel free to [open an issue](https://github.com/schlagmichdoch/pairdrop/issues/new/choose) or a\n[pull request](https://github.com/schlagmichdoch/pairdrop/pulls), following the\n[Contributing Guidelines](CONTRIBUTING.md).\n" }, { "path": "dev/nginx/default.conf", "content": "server {\n listen 80;\n\n expires epoch;\n\n location / {\n proxy_connect_timeout 300;\n proxy_pass http://pairdrop:3000;\n proxy_set_header Connection \"upgrade\";\n proxy_set_header Upgrade $http_upgrade;\n }\n\n location /ca.crt {\n alias /etc/ssl/certs/pairdropCA.crt;\n }\n\n # To allow POST on static pages\n error_page 405 =200 $uri;\n}\n\nserver {\n listen 443 ssl;\n http2 on;\n ssl_certificate /etc/ssl/certs/pairdrop-dev.crt;\n ssl_certificate_key /etc/ssl/certs/pairdrop-dev.key;\n\n expires epoch;\n\n location / {\n proxy_connect_timeout 300;\n proxy_pass http://pairdrop:3000;\n proxy_set_header Connection \"upgrade\";\n proxy_set_header Upgrade $http_upgrade;\n }\n\n location /ca.crt {\n alias /etc/ssl/certs/pairdropCA.crt;\n }\n # To allow POST on static pages\n error_page 405 =200 $uri;\n}\n\n" }, { "path": "dev/nginx-with-openssl.Dockerfile", "content": "FROM nginx:alpine\n\nRUN apk add --no-cache openssl" }, { "path": "dev/openssl/create.sh", "content": "#!/bin/sh\n\ncnf_dir='/mnt/openssl/'\ncerts_dir='/etc/ssl/certs/'\nopenssl req -config ${cnf_dir}pairdropCA.cnf -new -x509 -days 1 -keyout ${certs_dir}pairdropCA.key -out ${certs_dir}pairdropCA.crt\nopenssl req -config ${cnf_dir}pairdropCert.cnf -new -out /tmp/pairdrop-dev.csr -keyout ${certs_dir}pairdrop-dev.key\nopenssl x509 -req -in /tmp/pairdrop-dev.csr -CA ${certs_dir}pairdropCA.crt -CAkey ${certs_dir}pairdropCA.key -CAcreateserial -extensions req_ext -extfile ${cnf_dir}pairdropCert.cnf -sha512 -days 1 -out ${certs_dir}pairdrop-dev.crt\n\nexec \"$@\"\n" }, { "path": "dev/openssl/pairdropCA.cnf", "content": "[ req ]\ndefault_bits = 2048\ndefault_md = sha256\ndefault_days = 1\nencrypt_key = no\ndistinguished_name = subject\nx509_extensions = x509_ext\nstring_mask = utf8only\nprompt = no\n\n[ subject ]\norganizationName = PairDrop\nOU = CA\ncommonName = pairdrop-CA\n\n[ x509_ext ]\nsubjectKeyIdentifier = hash\nauthorityKeyIdentifier = keyid:always,issuer\n\n# You only need digitalSignature below. *If* you don't allow\n# RSA Key transport (i.e., you use ephemeral cipher suites), then\n# omit keyEncipherment because that's key transport.\n\nbasicConstraints = critical, CA:TRUE, pathlen:0\nkeyUsage = critical, digitalSignature, keyEncipherment, cRLSign, keyCertSign\n\n" }, { "path": "dev/openssl/pairdropCert.cnf", "content": "[ req ]\ndefault_bits = 2048\ndefault_md = sha256\ndefault_days = 1\nencrypt_key = no\ndistinguished_name = subject\nreq_extensions = req_ext\nstring_mask = utf8only\nprompt = no\n\n[ subject ]\norganizationName = PairDrop\nOU = Development\n\n# Use a friendly name here because it's presented to the user. The server's DNS\n# names are placed in Subject Alternate Names. Plus, DNS names here is deprecated\n# by both IETF and CA/Browser Forums. If you place a DNS name here, then you\n# must include the DNS name in the SAN too (otherwise, Chrome and others that\n# strictly follow the CA/Browser Baseline Requirements will fail).\n\ncommonName = ${ENV::FQDN}\n\n[ req_ext ]\nsubjectKeyIdentifier = hash\nbasicConstraints = CA:FALSE\nkeyUsage = digitalSignature, keyEncipherment\nsubjectAltName = DNS:${ENV::FQDN}\nnsComment = \"OpenSSL Generated Certificate\"\nextendedKeyUsage = serverAuth\n" }, { "path": "docker-compose-coturn.yml", "content": "version: \"3\"\nservices:\n pairdrop:\n image: \"lscr.io/linuxserver/pairdrop:latest\"\n container_name: pairdrop\n restart: unless-stopped\n volumes:\n - ./rtc_config.json:/home/node/app/rtc_config.json\n environment:\n - PUID=1000 # UID to run the application as\n - PGID=1000 # GID to run the application as\n - WS_FALLBACK=false # Set to true to enable websocket fallback if the peer to peer WebRTC connection is not available to the client.\n - RATE_LIMIT=false # Set to true to limit clients to 1000 requests per 5 min.\n - RTC_CONFIG=/home/node/app/rtc_config.json # Set to the path of a file that specifies the STUN/TURN servers.\n - DEBUG_MODE=false # Set to true to debug container and peer connections.\n - TZ=Etc/UTC # Time Zone\n ports:\n - \"127.0.0.1:3000:3000\" # Web UI. Change the port number before the last colon e.g. `127.0.0.1:9000:3000`\n coturn_server:\n image: \"coturn/coturn\"\n restart: unless-stopped\n volumes:\n - ./turnserver.conf:/etc/coturn/turnserver.conf\n - ./ssl/:/etc/coturn/ssl/\n ports:\n - \"3478:3478\"\n - \"3478:3478/udp\"\n - \"5349:5349\"\n - \"5349:5349/udp\"\n - \"10000-20000:10000-20000/udp\"\n # see guide at docs/host-your-own.md#coturn-and-pairdrop-via-docker-compose" }, { "path": "docker-compose-dev.yml", "content": "version: \"3\"\nservices:\n pairdrop:\n build: .\n container_name: pairdrop\n restart: unless-stopped\n environment:\n - PUID=1000 # UID to run the application as\n - PGID=1000 # GID to run the application as\n - WS_FALLBACK=false # Set to true to enable websocket fallback if the peer to peer WebRTC connection is not available to the client.\n - RATE_LIMIT=false # Set to true to limit clients to 1000 requests per 5 min.\n - RTC_CONFIG=false # Set to the path of a file that specifies the STUN/TURN servers.\n - DEBUG_MODE=false # Set to true to debug container and peer connections.\n - TZ=Etc/UTC # Time Zone\n ports:\n - \"127.0.0.1:3000:3000\" # Web UI. Change the port number before the last colon e.g. `127.0.0.1:9000:3000`\n nginx:\n build:\n context: dev/\n dockerfile: nginx-with-openssl.Dockerfile\n image: \"nginx-with-openssl\"\n volumes:\n - ./public:/usr/share/nginx/html\n - ./dev/certs:/etc/ssl/certs\n - ./dev/openssl:/mnt/openssl\n - ./dev/nginx/default.conf:/etc/nginx/conf.d/default.conf\n ports:\n - \"8080:80\"\n - \"8443:443\"\n environment:\n - FQDN=localhost\n entrypoint: /mnt/openssl/create.sh\n command: [\"nginx\", \"-g\", \"daemon off;\"]\n restart: unless-stopped" }, { "path": "docker-compose.yml", "content": "version: \"3\"\nservices:\n pairdrop:\n image: \"lscr.io/linuxserver/pairdrop:latest\"\n container_name: pairdrop\n restart: unless-stopped\n environment:\n - PUID=1000 # UID to run the application as\n - PGID=1000 # GID to run the application as\n - WS_FALLBACK=false # Set to true to enable websocket fallback if the peer to peer WebRTC connection is not available to the client.\n - RATE_LIMIT=false # Set to true to limit clients to 1000 requests per 5 min.\n - RTC_CONFIG=false # Set to the path of a file that specifies the STUN/TURN servers.\n - DEBUG_MODE=false # Set to true to debug container and peer connections.\n - TZ=Etc/UTC # Time Zone\n ports:\n - \"127.0.0.1:3000:3000\" # Web UI. Change the port number before the last colon e.g. `127.0.0.1:9000:3000`\n" }, { "path": "docs/docker-swarm-usage.md", "content": "# Docker Swarm Usage\n\n## Healthcheck\n\nThe [Docker Image](../Dockerfile) includes a health check with the following options:\n\n```\n--interval=30s\n```\n> Specifies the time interval to run the health check. \\\n> In this case, the health check is performed every 30 seconds.\n
\n\n```\n--timeout=10s\n```\n> Specifies the amount of time to wait for a response from the \\\"HEALTHCHECK\\\" command. \\\n> If the response does not arrive within 10 seconds, the health check fails.\n
\n\n```\n--start-period=5s\n```\n> Specifies the amount of time to wait before starting the health check process. \\\n> In this case, the health check process will begin 5 seconds after the container is started.\n
\n\n```\n--retries=3\n```\n> Specifies the number of times Docker should retry the health check \\\n> before considering the container to be unhealthy.\n
\n\n\nThe CMD instruction is used to define the command that will be run as part of the health check. \\\nIn this case, the command is `wget --quiet --tries=1 --spider http://localhost:3000/ || exit 1`. \\\nThis command will attempt to connect to `http://localhost:3000/` \\\nand if it fails it will exit with a status code of `1`. \\\nIf this command returns a status code other than `0`, the health check fails.\n\nOverall, this \\\"HEALTHCHECK\\\" instruction is defining a health check process \\\nthat runs every 30 seconds, and waits up to 10 seconds for a response, \\\nbegins 5 seconds after the container is started, and retries up to 3 times. \\ \nThe health check attempts to connect to http://localhost:3000/ \\\nand will considers the container unhealthy if unable to connect.\n\n" }, { "path": "docs/faq.md", "content": "# Frequently Asked Questions\n\n
\n
\n\nHere is a good guide on how to install PWAs on different platforms: \\\nhttps://www.cdc.gov/niosh/mining/content/hearingloss/installPWA.html\n\n\n**Chromium-based browser on Desktop (Chrome, Edge, Vivaldi, Brave, etc.)** \\\nEasily install PairDrop PWA on your desktop by clicking the install-button in the top-right corner while on [pairdrop.net](https://pairdrop.net).\n\n![\"Example](\"pwa-install.png\")
\n\n**Desktop Firefox** \\\nOn Firefox, PWAs are installable via [this browser extensions](https://addons.mozilla.org/de/firefox/addon/pwas-for-firefox/)\n\n**Android** \\\nPWAs are installable only by using Google Chrome or Samsung Browser:\n1. Visit [pairdrop.net](https://pairdrop.net)\n2. Click _Install_ on the installation pop-up or use the three-dot-menu and click on _Add to Home screen_\n3. Click _Add_ on the pop-up\n\n**iOS** \\\nPWAs are installable only by using Safari:\n1. Visit [pairdrop.net](https://pairdrop.net)\n2. Click on the share icon\n3. Click _Add to Home Screen_\n4. Click _Add_ in the top right corner\n\n
\n\n**Self-Hosted Instance?** \\\nTo be able to install the PWA from a self-hosted instance, the connection needs to be [established through HTTPS](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Installable_PWAs).\nSee [this host your own section](https://github.com/schlagmichdoch/PairDrop/blob/master/docs/host-your-own.md#testing-pwa-related-features) for more info.\n\n
\n\n
\n\n\n Help! I can't install the PWA!\n
\n\n\n\nHere is a good guide on how to install PWAs on different platforms: \\\nhttps://www.cdc.gov/niosh/mining/content/hearingloss/installPWA.html\n\n\n**Chromium-based browser on Desktop (Chrome, Edge, Vivaldi, Brave, etc.)** \\\nEasily install PairDrop PWA on your desktop by clicking the install-button in the top-right corner while on [pairdrop.net](https://pairdrop.net).\n\n
\n\n**Desktop Firefox** \\\nOn Firefox, PWAs are installable via [this browser extensions](https://addons.mozilla.org/de/firefox/addon/pwas-for-firefox/)\n\n**Android** \\\nPWAs are installable only by using Google Chrome or Samsung Browser:\n1. Visit [pairdrop.net](https://pairdrop.net)\n2. Click _Install_ on the installation pop-up or use the three-dot-menu and click on _Add to Home screen_\n3. Click _Add_ on the pop-up\n\n**iOS** \\\nPWAs are installable only by using Safari:\n1. Visit [pairdrop.net](https://pairdrop.net)\n2. Click on the share icon\n3. Click _Add to Home Screen_\n4. Click _Add_ in the top right corner\n\n\n\n**Self-Hosted Instance?** \\\nTo be able to install the PWA from a self-hosted instance, the connection needs to be [established through HTTPS](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Installable_PWAs).\nSee [this host your own section](https://github.com/schlagmichdoch/PairDrop/blob/master/docs/host-your-own.md#testing-pwa-related-features) for more info.\n\n
\n\n
\n
\n\nAvailable shortcuts:\n- Send a message with `CTRL + ENTER`\n- Close all \"Send\" and \"Pair\" dialogs by pressing `Esc`.\n- Copy a received message to the clipboard with `CTRL/⌘ + C`.\n- Accept file-transfer requests with `Enter` and decline with `Esc`.\n
\n\n
\n\n\n Shortcuts?\n
\n\n\n\nAvailable shortcuts:\n- Send a message with `CTRL + ENTER`\n- Close all \"Send\" and \"Pair\" dialogs by pressing `Esc`.\n- Copy a received message to the clipboard with `CTRL/⌘ + C`.\n- Accept file-transfer requests with `Enter` and decline with `Esc`.\n
\n\n
\n
\n\n~~Apparently, iOS does not allow images shared from a website to be saved to the gallery directly.~~\n~~It simply does not offer that option for images shared from a website.~~\n\n~~iOS Shortcuts saves the day:~~ \\\nI created a simple iOS shortcut that takes your photos and saves them to your gallery:\nhttps://routinehub.co/shortcut/13988/\n\nUpdate: \\\nApparently, this was only a bug that is fixed in recent iOS version (https://github.com/WebKit/WebKit/pull/13111). \\\nIf you use an older affected iOS version this might still be of use. \\\nLuckily, you can now simply use `Save Image`/`Save X Images` 🎉\n\n
\n\n
\n\n\n How to save images directly to the gallery on iOS?\n
\n\n\n\n~~Apparently, iOS does not allow images shared from a website to be saved to the gallery directly.~~\n~~It simply does not offer that option for images shared from a website.~~\n\n~~iOS Shortcuts saves the day:~~ \\\nI created a simple iOS shortcut that takes your photos and saves them to your gallery:\nhttps://routinehub.co/shortcut/13988/\n\nUpdate: \\\nApparently, this was only a bug that is fixed in recent iOS version (https://github.com/WebKit/WebKit/pull/13111). \\\nIf you use an older affected iOS version this might still be of use. \\\nLuckily, you can now simply use `Save Image`/`Save X Images` 🎉\n\n
\n\n
\n
\n\nYes, it finally is.\n* [Send files directly from the \"Context\" menu on Windows](/docs/how-to.md#send-files-directly-from-context-menu-on-windows)\n* [Send directly from the \"Share\" menu on iOS](/docs/how-to.md#send-directly-from-share-menu-on-ios)\n* [Send directly from the \"Share\" menu on Android](/docs/how-to.md#send-directly-from-share-menu-on-android)\n\n
\n\n
\n\n\n Is it possible to send files or text directly from the \"Context\" or \"Share\" menu?\n
\n\n\n\nYes, it finally is.\n* [Send files directly from the \"Context\" menu on Windows](/docs/how-to.md#send-files-directly-from-context-menu-on-windows)\n* [Send directly from the \"Share\" menu on iOS](/docs/how-to.md#send-directly-from-share-menu-on-ios)\n* [Send directly from the \"Share\" menu on Android](/docs/how-to.md#send-directly-from-share-menu-on-android)\n\n
\n\n
\n
\n\nYes.\n\n* [Send directly from a command-line interface](/docs/how-to.md#send-directly-via-command-line-interface)\n\n
\n\n
\n\n\n Is it possible to send files or text directly via CLI?\n
\n\n\n\nYes.\n\n* [Send directly from a command-line interface](/docs/how-to.md#send-directly-via-command-line-interface)\n\n
\n\n
\n
\n\nThese third-party apps are compatible with PairDrop:\n\n1. [Snapdrop Android App](https://github.com/fm-sys/snapdrop-android)\n2. [Snapdrop for Firefox (Addon)](https://github.com/ueen/SnapdropFirefoxAddon)\n3. Feel free to make one :)\n\n
\n\n
\n\n\n Are there any third-party Apps?\n
\n\n\n\nThese third-party apps are compatible with PairDrop:\n\n1. [Snapdrop Android App](https://github.com/fm-sys/snapdrop-android)\n2. [Snapdrop for Firefox (Addon)](https://github.com/ueen/SnapdropFirefoxAddon)\n3. Feel free to make one :)\n\n
\n\n
\n
\n\nIt uses a WebRTC peer-to-peer connection.\nWebRTC needs a signaling server that is only used to establish a connection.\nThe server is not involved in the file transfer.\n\nIf the devices are on the same network,\nnone of your files are ever sent to any server.\n\nIf your devices are paired and behind a NAT,\nthe PairDrop TURN Server is used to route your files and messages.\nSee the [Technical Documentation](technical-documentation.md#encryption-webrtc-stun-and-turn)\nto learn more about STUN, TURN and WebRTC.\n\nIf you host your own instance\nand want to support devices that do not support WebRTC,\nyou can [start the PairDrop instance with an activated WebSocket fallback](https://github.com/schlagmichdoch/PairDrop/blob/master/docs/host-your-own.md#websocket-fallback-for-vpn).\n\n
\n\n
\n\n\n What about the connection? Is it a P2P connection directly from device to device or is there any third-party-server?\n
\n\n\n\nIt uses a WebRTC peer-to-peer connection.\nWebRTC needs a signaling server that is only used to establish a connection.\nThe server is not involved in the file transfer.\n\nIf the devices are on the same network,\nnone of your files are ever sent to any server.\n\nIf your devices are paired and behind a NAT,\nthe PairDrop TURN Server is used to route your files and messages.\nSee the [Technical Documentation](technical-documentation.md#encryption-webrtc-stun-and-turn)\nto learn more about STUN, TURN and WebRTC.\n\nIf you host your own instance\nand want to support devices that do not support WebRTC,\nyou can [start the PairDrop instance with an activated WebSocket fallback](https://github.com/schlagmichdoch/PairDrop/blob/master/docs/host-your-own.md#websocket-fallback-for-vpn).\n\n
\n\n
\n
\n\nFiles are sent directly between peers.\nPairDrop doesn't even use a database.\nIf curious, study [the signaling server](https://github.com/schlagmichdoch/PairDrop/blob/master/server/ws-server.js).\nWebRTC encrypts the files in transit.\n\nIf the devices are on the same network,\nnone of your files are ever sent to any server.\n\nIf your devices are paired and behind a NAT,\nthe PairDrop TURN Server is used to route your files and messages.\nSee the [Technical Documentation](technical-documentation.md#encryption-webrtc-stun-and-turn)\nto learn more about STUN, TURN and WebRTC.\n\n
\n\n
\n\n\n What about privacy? Will files be saved on third-party servers?\n
\n\n\n\nFiles are sent directly between peers.\nPairDrop doesn't even use a database.\nIf curious, study [the signaling server](https://github.com/schlagmichdoch/PairDrop/blob/master/server/ws-server.js).\nWebRTC encrypts the files in transit.\n\nIf the devices are on the same network,\nnone of your files are ever sent to any server.\n\nIf your devices are paired and behind a NAT,\nthe PairDrop TURN Server is used to route your files and messages.\nSee the [Technical Documentation](technical-documentation.md#encryption-webrtc-stun-and-turn)\nto learn more about STUN, TURN and WebRTC.\n\n
\n\n
\n
\n\nYes. Your files are sent using WebRTC, encrypting them in transit.\nStill you have to trust the PairDrop server. To ensure the connection is secure and there is no [MITM](https://en.m.wikipedia.org/wiki/Man-in-the-middle_attack) there is a plan to make PairDrop\nzero trust by encrypting the signaling and implementing a verification process. See [issue #180](https://github.com/schlagmichdoch/PairDrop/issues/180) to keep updated.\n\n
\n\n
\n\n\n What about security? Are my files encrypted while sent between the computers?\n
\n\n\n\nYes. Your files are sent using WebRTC, encrypting them in transit.\nStill you have to trust the PairDrop server. To ensure the connection is secure and there is no [MITM](https://en.m.wikipedia.org/wiki/Man-in-the-middle_attack) there is a plan to make PairDrop\nzero trust by encrypting the signaling and implementing a verification process. See [issue #180](https://github.com/schlagmichdoch/PairDrop/issues/180) to keep updated.\n\n
\n\n
\n
\n\nNaturally, if traffic needs to be routed through the TURN server\nbecause your devices are behind different NATs, transfer speed decreases.\n\nYou can open a hotspot on one of your devices to bridge the connection,\nwhich omits the need of the TURN server.\n\n- [How to open a hotspot on Windows](https://support.microsoft.com/en-us/windows/use-your-windows-pc-as-a-mobile-hotspot-c89b0fad-72d5-41e8-f7ea-406ad9036b85#WindowsVersion=Windows_11)\n- [How to open a hotspot on macOS](https://support.apple.com/guide/mac-help/share-internet-connection-mac-network-users-mchlp1540/mac)\n- [Library to open a hotspot on Linux](https://github.com/lakinduakash/linux-wifi-hotspot)\n\nYou can also use mobile hotspots on phones to do that. \nThen, all data should be sent directly between devices and not use your data plan.\n\n
\n\n
\n\n\n Transferring many files with paired devices takes too long\n
\n\n\n\nNaturally, if traffic needs to be routed through the TURN server\nbecause your devices are behind different NATs, transfer speed decreases.\n\nYou can open a hotspot on one of your devices to bridge the connection,\nwhich omits the need of the TURN server.\n\n- [How to open a hotspot on Windows](https://support.microsoft.com/en-us/windows/use-your-windows-pc-as-a-mobile-hotspot-c89b0fad-72d5-41e8-f7ea-406ad9036b85#WindowsVersion=Windows_11)\n- [How to open a hotspot on macOS](https://support.apple.com/guide/mac-help/share-internet-connection-mac-network-users-mchlp1540/mac)\n- [Library to open a hotspot on Linux](https://github.com/lakinduakash/linux-wifi-hotspot)\n\nYou can also use mobile hotspots on phones to do that. \nThen, all data should be sent directly between devices and not use your data plan.\n\n
\n\n
\n
\n\nSnapdrop and PairDrop are a study in radical simplicity.\nThe user interface is insanely simple.\nFeatures are chosen very carefully because complexity grows quadratically\nsince every feature potentially interferes with each other feature.\nWe focus very narrowly on a single use case: instant file transfer. \nNot facilitating optimal edge-cases means better flow for average users.\nDon't be sad. We may decline your feature request for the sake of simplicity. \n\nRead *Insanely Simple: The Obsession that Drives Apple's Success*,\nand/or *Thinking, Fast and Slow* to learn more.\n\n
\n\n
\n\n\n Why don't you implement feature xyz?\n
\n\n\n\nSnapdrop and PairDrop are a study in radical simplicity.\nThe user interface is insanely simple.\nFeatures are chosen very carefully because complexity grows quadratically\nsince every feature potentially interferes with each other feature.\nWe focus very narrowly on a single use case: instant file transfer. \nNot facilitating optimal edge-cases means better flow for average users.\nDon't be sad. We may decline your feature request for the sake of simplicity. \n\nRead *Insanely Simple: The Obsession that Drives Apple's Success*,\nand/or *Thinking, Fast and Slow* to learn more.\n\n
\n\n
\n
\n\n* [Buy me a coffee](https://www.buymeacoffee.com/pairdrop) to pay for the domain and the server, and support libre software.\n* [File bugs, give feedback, submit suggestions](https://github.com/schlagmichdoch/pairdrop/issues)\n* Share PairDrop on social media.\n* Fix bugs and create a pull request.\n* Do some security analysis and make suggestions.\n* Participate in [active discussions](https://github.com/schlagmichdoch/PairDrop/discussions)\n\n
\n\n
\n\n\n PairDrop is awesome. How can I support it? \n
\n\n\n\n* [Buy me a coffee](https://www.buymeacoffee.com/pairdrop) to pay for the domain and the server, and support libre software.\n* [File bugs, give feedback, submit suggestions](https://github.com/schlagmichdoch/pairdrop/issues)\n* Share PairDrop on social media.\n* Fix bugs and create a pull request.\n* Do some security analysis and make suggestions.\n* Participate in [active discussions](https://github.com/schlagmichdoch/PairDrop/discussions)\n\n
\n\n
\n
\n\n[See here for info about the technical implementation](/docs/technical-documentation.md)\n\n
\n\n
\n\n[< Back](/README.md)\n"
},
{
"path": "docs/host-your-own.md",
"content": "# Deployment Notes\n\n## TURN server for Internet Transfer\n\nBeware that you have to host your own TURN server to enable transfers between different networks.\n\nFollow [this guide](https://gabrieltanner.org/blog/turn-server/) to either install coturn directly on your system (Step 1) \nor deploy it via Docker (Step 5).\n\nYou can use the `docker-compose-coturn.yml` in this repository. See [Coturn and PairDrop via Docker Compose](#coturn-and-pairdrop-via-docker-compose).\n \nAlternatively, use a free, pre-configured TURN server like [OpenRelay](https://www.metered.ca/tools/openrelay/)\n\n\n How does it work?\n
\n\n\n\n[See here for info about the technical implementation](/docs/technical-documentation.md)\n\n
\n\n
\n\n## PairDrop via HTTPS\n\nOn some browsers PairDrop must be served over TLS in order for some features to work properly.\nThese may include:\n- Copying an incoming message via the 'copy' button\n- Installing PairDrop as PWA\n- Persistent pairing of devices\n- Changing of the display name\n- Notifications\n\nNaturally, this is also recommended to increase security.\n\n
\n\n## Deployment with Docker\n\nThe easiest way to get PairDrop up and running is by using Docker.\n\n### Docker Image from Docker Hub\n\n```bash\ndocker run -d --restart=unless-stopped --name=pairdrop -p 127.0.0.1:3000:3000 lscr.io/linuxserver/pairdrop\n```\n> This image is hosted by [linuxserver.io](https://linuxserver.io). For more information visit https://hub.docker.com/r/linuxserver/pairdrop\n\n\n
\n\n### Docker Image from GitHub Container Registry (ghcr.io)\n\n```bash\ndocker run -d --restart=unless-stopped --name=pairdrop -p 127.0.0.1:3000:3000 ghcr.io/schlagmichdoch/pairdrop\n```\n\n\n
\n\n### Docker Image self-built\n\n#### Build the image\n\n```bash\ndocker build --pull . -f Dockerfile -t pairdrop\n```\n\n> A GitHub action is set up to do this step automatically at the release of new versions.\n>\n> `--pull` ensures always the latest node image is used.\n\n#### Run the image\n\n```bash\ndocker run -d --restart=unless-stopped --name=pairdrop -p 127.0.0.1:3000:3000 -it pairdrop\n```\n\n> You must use a server proxy to set the `X-Forwarded-For` header \n> to prevent all clients from discovering each other (See [#HTTP-Server](#http-server)).\n>\n> To prevent bypassing the proxy by reaching the docker container directly, \n> `127.0.0.1` is specified in the run command.\n\n\n
\n\n### Flags\n\nSet options by using the following flags in the `docker run` command:\n\n#### Port\n\n```bash\n-p 127.0.0.1:8080:3000\n```\n\n> Specify the port used by the docker image\n>\n> - 3000 -> `-p 127.0.0.1:3000:3000`\n> - 8080 -> `-p 127.0.0.1:8080:3000`\n\n#### Set Environment Variables via Docker\n\nEnvironment Variables are set directly in the `docker run` command: \\\ne.g. `docker run -p 127.0.0.1:3000:3000 -it pairdrop -e DEBUG_MODE=\"true\"`\n\nOverview of available Environment Variables are found [here](#environment-variables).\n\nExample:\n```bash\ndocker run -d \\\n --name=pairdrop \\\n --restart=unless-stopped \\\n -p 127.0.0.1:3000:3000 \\\n -e PUID=1000 \\\n -e PGID=1000 \\\n -e WS_SERVER=false \\\n -e WS_FALLBACK=false \\\n -e RTC_CONFIG=false \\\n -e RATE_LIMIT=false \\\n -e DEBUG_MODE=false \\\n -e TZ=Etc/UTC \\\n lscr.io/linuxserver/pairdrop \n```\n\n
\n\n## Deployment with Docker Compose\n\nHere's an example docker compose file:\n\n```yaml\nversion: \"3\"\nservices:\n pairdrop:\n image: \"lscr.io/linuxserver/pairdrop:latest\"\n container_name: pairdrop\n restart: unless-stopped\n environment:\n - PUID=1000 # UID to run the application as\n - PGID=1000 # GID to run the application as\n - WS_FALLBACK=false # Set to true to enable websocket fallback if the peer to peer WebRTC connection is not available to the client.\n - RATE_LIMIT=false # Set to true to limit clients to 1000 requests per 5 min.\n - RTC_CONFIG=false # Set to the path of a file that specifies the STUN/TURN servers.\n - DEBUG_MODE=false # Set to true to debug container and peer connections.\n - TZ=Etc/UTC # Time Zone\n ports:\n - \"127.0.0.1:3000:3000\" # Web UI\n```\n\nRun the compose file with `docker compose up -d`.\n\n> You must use a server proxy to set the `X-Forwarded-For` header\n> to prevent all clients from discovering each other (See [#HTTP-Server](#http-server)).\n>\n> To prevent bypassing the proxy by reaching the Docker container \n> directly, `127.0.0.1` is specified in the `ports` argument.\n\n
\n\n## Deployment with Node.js\n\nClone this repository and enter the folder\n\n```bash\ngit clone https://github.com/schlagmichdoch/PairDrop.git && cd PairDrop\n```\n\nInstall all dependencies with NPM:\n\n```bash\nnpm install\n```\n\nStart the server with:\n\n```bash\nnpm start\n```\n\n> By default, the node server listens on port 3000.\n\n\n
\n\n### Options / Flags\n\nThese are some flags only reasonable when deploying via Node.js\n\n#### Port\n\n```bash\nPORT=3000\n```\n\n> Default: `3000`\n> \n> Environment variable to specify the port used by the Node.js server \\\n> e.g. `PORT=3010 npm start`\n\n#### Local Run\n\n```bash\nnpm start -- --localhost-only\n```\n\n> Only allow connections from localhost.\n>\n> You must use a server proxy to set the `X-Forwarded-For` header \n> to prevent all clients from discovering each other (See [#HTTP-Server](#http-server)).\n>\n> Use this when deploying PairDrop with node to prevent \n> bypassing the reverse proxy by reaching the Node.js server directly.\n\n#### Automatic restart on error\n\n```bash\nnpm start -- --auto-restart\n```\n\n> Restarts server automatically on error\n\n#### Production (autostart and rate-limit)\n\n```bash\nnpm run start:prod\n```\n\n> shortcut for `RATE_LIMIT=5 npm start -- --auto-restart`\n\n#### Production (autostart, rate-limit, localhost-only)\n\n```bash\nnpm run start:prod -- --localhost-only\n```\n\n> To prevent connections to the node server from bypassing \\\n> the proxy server you should always use \"--localhost-only\" on production.\n\n#### Set Environment Variables via Node.js\n\nTo specify environment variables set them in the run command in front of `npm start`.\nThe syntax is different on Unix and Windows.\n\nOn Unix based systems\n\n```bash\nPORT=3000 RTC_CONFIG=\"rtc_config.json\" npm start\n```\n\nOn Windows\n\n```bash\n$env:PORT=3000 RTC_CONFIG=\"rtc_config.json\"; npm start\n```\n\nOverview of available Environment Variables are found [here](#environment-variables).\n\n
\n\n## Environment Variables\n\n### Debug Mode\n\n```bash\nDEBUG_MODE=\"true\"\n```\n\n> Default: `false`\n>\n> Logs the used environment variables for debugging.\n>\n> Prints debugging information about the connecting peers IP addresses.\n> \n> This is quite useful to check whether the [#HTTP-Server](#http-server)\n> is configured correctly, so the auto-discovery feature works correctly.\n> Otherwise, all clients discover each other mutually, independently of their network status.\n>\n> If this flag is set to `\"true\"` each peer that connects to the PairDrop server will produce a log to STDOUT like this:\n>\n> ```\n> ----DEBUGGING-PEER-IP-START----\n> remoteAddress: ::ffff:172.17.0.1\n> x-forwarded-for: 19.117.63.126\n> cf-connecting-ip: undefined\n> PairDrop uses: 19.117.63.126\n> IP is private: false\n> if IP is private, '127.0.0.1' is used instead\n> ----DEBUGGING-PEER-IP-END----\n> ```\n>\n> If the IP address \"PairDrop uses\" matches the public IP address of the client device, everything is set up correctly. \\\n> To find out the public IP address of the client device visit https://whatsmyip.com/.\n>\n> To preserve your clients' privacy: \\\n> **Never use this environment variable in production!**\n\n\n
\n\n### Rate limiting requests\n\n```bash\nRATE_LIMIT=1\n```\n\n> Default: `false`\n>\n> Limits clients to 1000 requests per 5 min\n>\n> \"If you are behind a proxy/load balancer (usually the case with most hosting services, e.g. Heroku, Bluemix, AWS ELB,\n> Render, Nginx, Cloudflare, Akamai, Fastly, Firebase Hosting, Rackspace LB, Riverbed Stingray, etc.), the IP address of\n> the request might be the IP of the load balancer/reverse proxy (making the rate limiter effectively a global one and\n> blocking all requests once the limit is reached) or undefined.\"\n> (See: https://express-rate-limit.mintlify.app/guides/troubleshooting-proxy-issues)\n>\n> To find the correct number to use for this setting:\n>\n> 1. Start PairDrop with `DEBUG_MODE=True` and `RATE_LIMIT=1`\n> 2. Make a `get` request to `/ip` of the PairDrop instance (e.g. `https://pairdrop-example.net/ip`)\n> 3. Check if the IP address returned in the response matches your public IP address (find out by visiting e.g. https://whatsmyip.com/)\n> 4. You have found the correct number if the IP addresses match. If not, then increase `RATE_LIMIT` by one and redo 1. - 4.\n>\n> e.g. on Render you must use RATE_LIMIT=5\n\n\n
\n\n### IPv6 Localization\n\n```bash\nIPV6_LOCALIZE=4\n```\n\n> Default: `false`\n>\n> To enable Peer Auto-Discovery among IPv6 peers, you can specify a reduced number of segments \\\n> of the client IPv6 address to be evaluated as the peer's IP. \\\n> This can be especially useful when using Cloudflare as a proxy.\n>\n> The flag must be set to an **integer** between `1` and `7`. \\\n> The number represents the number of IPv6 [hextets](https://en.wikipedia.org/wiki/IPv6#Address_representation) \\\n> to match the client IP against. The most common value would be `4`, \\\n> which will group peers within the same `/64` subnet.\n\n\n
\n\n### Websocket Fallback (for VPN)\n\n```bash\nWS_FALLBACK=true\n```\n\n> Default: `false`\n>\n> Provides PairDrop to clients with an included websocket fallback \\\n> if the peer to peer WebRTC connection is not available to the client.\n>\n> This is not used on the official https://pairdrop.net website, \n> but you can activate it on your self-hosted instance.\\\n> This is especially useful if you connect to your instance via a VPN (as most VPN services block WebRTC completely in \n> order to hide your real IP address). ([Read more here](https://privacysavvy.com/security/safe-browsing/disable-webrtc-chrome-firefox-safari-opera-edge/)).\n>\n> **Warning:** \\\n> All traffic sent between devices using this fallback\n> is routed through the server and therefor not peer to peer!\n> \n> Beware that the traffic routed via this fallback is readable by the server. \\\n> Only ever use this on instances you can trust.\n> \n> Additionally, beware that all traffic using this fallback debits the servers data plan.\n\n\n
\n\n### Specify STUN/TURN Servers\n\n```bash\nRTC_CONFIG=\"rtc_config.json\"\n```\n\n> Default: `false`\n>\n> Specify the STUN/TURN servers PairDrop clients use by setting \\\n> `RTC_CONFIG` to a JSON file including the configuration. \\\n> You can use `rtc_config_example.json` as a starting point.\n>\n> To host your own TURN server you can follow this guide: https://gabrieltanner.org/blog/turn-server/\n> Alternatively, use a free, pre-configured TURN server like [OpenRelay](<[url](https://www.metered.ca/tools/openrelay/)>)\n>\n> Default configuration:\n>\n> ```json\n> {\n> \"sdpSemantics\": \"unified-plan\",\n> \"iceServers\": [\n> {\n> \"urls\": \"stun:stun.l.google.com:19302\"\n> }\n> ]\n> }\n> ```\n\n
\n\nYou can host an instance that uses another signaling server\nThis can be useful if you don't want to trust the client files that are hosted on another instance but still want to connect to devices that use https://pairdrop.net.\n\n### Specify Signaling Server\n\n```bash\nSIGNALING_SERVER=\"pairdrop.net\"\n```\n\n> Default: `false`\n>\n> By default, clients connecting to your instance use the signaling server of your instance to connect to other devices.\n> \n> By using `SIGNALING_SERVER`, you can host an instance that uses another signaling server.\n> \n> This can be useful if you want to ensure the integrity of the client files and don't want to trust the client files that are hosted on another PairDrop instance but still want to connect to devices that use the other instance.\n> E.g. host your own client files under *pairdrop.your-domain.com* but use the official signaling server under *pairdrop.net*\n> This way devices connecting to *pairdrop.your-domain.com* and *pairdrop.net* can discover each other.\n> \n> Beware that the version of your PairDrop server must be compatible with the version of the signaling server.\n>\n> `SIGNALING_SERVER` must be a valid url without the protocol prefix. \n> Examples of valid values: `pairdrop.net`, `pairdrop.your-domain.com:3000`, `your-domain.com/pairdrop`\n\n
\n\n### Customizable buttons for the _About PairDrop_ page\n\n```bash\nDONATION_BUTTON_ACTIVE=true\nDONATION_BUTTON_LINK=\"https://www.buymeacoffee.com/pairdrop\"\nDONATION_BUTTON_TITLE=\"Buy me a coffee\"\nTWITTER_BUTTON_ACTIVE=true\nTWITTER_BUTTON_LINK=\"https://twitter.com/account\"\nTWITTER_BUTTON_TITLE=\"Find me on Twitter\"\nMASTODON_BUTTON_ACTIVE=true\nMASTODON_BUTTON_LINK=\"https://mastodon.social/account\"\nMASTODON_BUTTON_TITLE=\"Find me on Mastodon\"\nBLUESKY_BUTTON_ACTIVE=true\nBLUESKY_BUTTON_LINK=\"https://bsky.app/profile/account\"\nBLUESKY_BUTTON_TITLE=\"Find me on Bluesky\"\nCUSTOM_BUTTON_ACTIVE=true\nCUSTOM_BUTTON_LINK=\"https://your-custom-social-network.net/account\"\nCUSTOM_BUTTON_TITLE=\"Find me on this custom social network\"\nPRIVACYPOLICY_BUTTON_ACTIVE=true\nPRIVACYPOLICY_BUTTON_LINK=\"https://link-to-your-privacy-policy.net\"\nPRIVACYPOLICY_BUTTON_TITLE=\"Open our privacy policy\"\n```\n\n> Default: unset\n>\n> By default, clients will show the default button configuration: GitHub, BuyMeACoffee, Twitter, and FAQ on GitHub.\n> \n> The GitHub and FAQ on GitHub buttons are essential, so they are always shown.\n> \n> The other buttons can be customized:\n>\n> * `*_BUTTON_ACTIVE`: set this to `true` to show a natively hidden button or to `false` to hide a normally shown button\n> * `*_BUTTON_LINK`: set this to any URL to overwrite the href attribute of the button\n> * `*_BUTTON_TITLE`: set this to overwrite the hover title of the button. This will prevent the title from being translated.\n\n
\n\n## Healthcheck\n\n> The Docker Image hosted on `ghcr.io` and the self-built Docker Image include a healthcheck.\n>\n> Read more about [Docker Swarm Usage](docker-swarm-usage.md#docker-swarm-usage).\n\n
\n\n## HTTP-Server\n\nWhen running PairDrop, the `X-Forwarded-For` header has to be set by a proxy. \\\nOtherwise, all clients will be mutually visible.\n\nTo check if your setup is configured correctly [use the environment variable `DEBUG_MODE=\"true\"`](#debug-mode).\n\n### Using nginx\n\n#### Allow http and https requests\n\n```\nserver {\n listen 80;\n\n expires epoch;\n\n location / {\n proxy_connect_timeout 300;\n proxy_pass http://127.0.0.1:3000;\n proxy_set_header Connection \"upgrade\";\n proxy_set_header Upgrade $http_upgrade;\n proxy_set_header X-Forwarded-for $remote_addr;\n }\n}\n\nserver {\n listen 443 ssl http2;\n ssl_certificate /etc/ssl/certs/pairdrop-dev.crt;\n ssl_certificate_key /etc/ssl/certs/pairdrop-dev.key;\n\n expires epoch;\n\n location / {\n proxy_connect_timeout 300;\n proxy_pass http://127.0.0.1:3000;\n proxy_set_header Connection \"upgrade\";\n proxy_set_header Upgrade $http_upgrade;\n proxy_set_header X-Forwarded-for $remote_addr;\n }\n}\n```\n\n#### Automatic http to https redirect:\n\n```\nserver {\n listen 80;\n\n expires epoch;\n\n location / {\n return 301 https://$host:3000$request_uri;\n }\n}\n\nserver {\n listen 443 ssl http2;\n ssl_certificate /etc/ssl/certs/pairdrop-dev.crt;\n ssl_certificate_key /etc/ssl/certs/pairdrop-dev.key;\n\n expires epoch;\n\n location / {\n proxy_connect_timeout 300;\n proxy_pass http://127.0.0.1:3000;\n proxy_set_header Connection \"upgrade\";\n proxy_set_header Upgrade $http_upgrade;\n proxy_set_header X-Forwarded-for $remote_addr;\n }\n}\n```\n\n\n
\n\n### Using Apache\n\ninstall modules `proxy`, `proxy_http`, `mod_proxy_wstunnel`\n\n```bash\na2enmod proxy\n```\n\n```bash\na2enmod proxy_http\n```\n\n
\n\nCreate a new configuration file under `/etc/apache2/sites-available` (on Debian)\n\n**pairdrop.conf**\n\n#### Allow HTTP and HTTPS requests\n\n```apacheconf\n
\n\n## Coturn and PairDrop via Docker Compose\n\n### Setup container\nTo run coturn and PairDrop at once by using the `docker-compose-coturn.yml` with TURN over TLS enabled\nyou need to follow these steps:\n\n1. Generate or retrieve certificates for your `
\n\n#### Setup container\nTo restart the container including coturn run: \\\n `docker compose -f docker-compose-coturn.yml restart`\n\n
\n\n#### Setup container\nTo stop the container including coturn run: \\\n `docker compose -f docker-compose-coturn.yml stop`\n\n
\n\n### Firewall\nTo run PairDrop including its own coturn-server you need to punch holes in the firewall. These ports must be opened additionally:\n- 3478 tcp/udp\n- 5349 tcp/udp\n- 10000:20000 tcp/udp\n\n
\n\n## Local Development\n\n### Install\n\nAll files needed for developing are available in the folder `./dev`.\n\nFor convenience, there is also a docker compose file for developing:\n\n#### Developing with docker compose\nFirst, [Install docker with docker compose.](https://docs.docker.com/compose/install/)\n\nThen, clone the repository and run docker compose:\n\n```bash\ngit clone https://github.com/schlagmichdoch/PairDrop.git && cd PairDrop\n```\n```bash\ndocker compose -f docker-compose-dev.yml up --no-deps --build\n```\n\nNow point your web browser to `http://localhost:8080`.\n\n- To debug the Node.js server, run `docker logs pairdrop`.\n- After changes to the code you have to rerun the `docker compose` command\n\n
\n\n#### Testing PWA related features\n\nPWAs requires the app to be served under a correctly set up and trusted TLS endpoint.\n\nThe NGINX container creates a CA certificate and a website certificate for you. \nTo correctly set the common name of the certificate, \nyou need to change the FQDN environment variable in `docker-compose-dev.yml`\nto the fully qualified domain name of your workstation. (Default: localhost)\n\nIf you want to test PWA features, you need to trust the CA of the certificate for your local deployment. \\\nFor your convenience, you can download the crt file from `http://
\n\n## Send directly from share menu on Android\nThe [Web Share Target API](https://developer.mozilla.org/en-US/docs/Web/Manifest/share_target) is implemented.\n\nWhen the PWA is installed, it will register itself to the share-menu of the device automatically.\n\n
\n\n## Send directly via command-line interface\nSend files or text with PairDrop via command-line interface. \\\nThis opens PairDrop in the default browser where you can choose the receiver.\n\n### Usage\n```bash\npairdrop -h\n```\n```\nSend files or text with PairDrop via command-line interface.\nCurrent domain: https://pairdrop-dev.onrender.com/\n\nUsage:\nOpen PairDrop:\t\tpairdrop\nSend files:\t\tpairdrop file1/directory1 (file2/directory2 file3/directory3 ...)\nSend text:\t\tpairdrop -t \"text\"\nSpecify domain:\t\tpairdrop -d \"https://pairdrop.net/\"\nShow this help text:\tpairdrop (-h|--help)\n\nThis pairdrop-cli version was released alongside v1.10.4\n```\n\n
\n\n### Setup\n\n#### Linux / Mac\n1. Download the latest _pairdrop-cli.zip_ from the [releases page](https://github.com/schlagmichdoch/PairDrop/releases)\n ```shell\n wget \"https://github.com/schlagmichdoch/PairDrop/releases/download/v1.11.2/pairdrop-cli.zip\"\n ```\n or\n ```shell\n curl -LO \"https://github.com/schlagmichdoch/PairDrop/releases/download/v1.11.2/pairdrop-cli.zip\"\n ```\n2. Unzip the archive to a folder of your choice e.g. `/usr/share/pairdrop-cli/`\n ```shell\n sudo unzip pairdrop-cli.zip -d /usr/share/pairdrop-cli/\n ```\n3. Copy the file _.pairdrop-cli-config.example_ to _.pairdrop-cli-config_\n ```shell\n sudo cp /usr/share/pairdrop-cli/.pairdrop-cli-config.example /usr/share/pairdrop-cli/.pairdrop-cli-config\n ```\n4. Make the bash file _pairdrop_ executable\n ```shell\n sudo chmod +x /usr/share/pairdrop-cli/pairdrop\n ```\n5. Add a symlink to /usr/local/bin/ to include _pairdrop_ to _PATH_\n ```shell\n sudo ln -s /usr/share/pairdrop-cli/pairdrop /usr/local/bin/pairdrop\n ```\n\n
\n\n#### Windows\n1. Download the latest _pairdrop-cli.zip_ from the [releases page](https://github.com/schlagmichdoch/PairDrop/releases)\n2. Put file in a preferred folder e.g. `C:\\Program Files\\pairdrop-cli`\n3. Inside this folder, copy the file _.pairdrop-cli-config.example_ to _.pairdrop-cli-config_\n4. Search for and open `Edit environment variables for your account`\n5. Click `Environment Variables…`\n6. Under _System Variables_ select `Path` and click _Edit..._\n7. Click _New_, insert the preferred folder (`C:\\Program Files\\pairdrop-cli`), click *OK* until all windows are closed\n8. Reopen Command prompt window\n\n**Requirements**\n\nAs Windows cannot execute bash scripts natively, you need to install [Git Bash](https://gitforwindows.org/).\n\nThen, you can also use pairdrop-cli from the default Windows Command Prompt \nby using the shell file instead of the bash file which then itself executes \n_pairdrop-cli_ (the bash file) via the Git Bash.\n```shell\npairdrop.sh -h\n```\n\n
\n\n## Send multiple files and directories directly from context menu on Windows\n\n### Registering to open files with PairDrop\nIt is possible to send multiple files with PairDrop via the context menu by adding pairdrop-cli to Windows `Send to` menu:\n1. Download the latest _pairdrop-cli.zip_ from the [releases page](https://github.com/schlagmichdoch/PairDrop/releases)\n2. Unzip the archive to a folder of your choice e.g. `C:\\Program Files\\pairdrop-cli\\`\n3. Inside this folder, copy the file _.pairdrop-cli-config.example_ to _.pairdrop-cli-config_\n4. Copy the shortcut _send with PairDrop.lnk_\n5. Hit Windows Key+R, type: `shell:sendto` and hit Enter.\n6. Paste the copied shortcut into the directory\n7. Open the properties window of the shortcut and edit the link field to point to _send-with-pairdrop.ps1_ located in the folder you used in step 2: \\\n `\"C:\\Program Files\\PowerShell\\7\\pwsh.exe\" -File \"C:\\Program Files\\pairdrop-cli\\send-with-pairdrop.ps1\"`\n8. You are done! You can now send multiple files and directories directly via PairDrop:\n\n _context menu_ > _Send to_ > _PairDrop_\n\n##### Requirements\nAs Windows cannot execute bash scripts natively, you need to install [Git Bash](https://gitforwindows.org/).\n\n
\n\n## Send multiple files and directories directly from context menu on Ubuntu using Nautilus\n\n### Registering to open files with PairDrop\nIt is possible to send multiple files with PairDrop via the context menu by adding pairdrop-cli to Nautilus `Scripts` menu:\n1. Register _pairdrop_ as executable via [guide above](#linux).\n2. Copy the shell file _send-with-pairdrop_ to `~/.local/share/nautilus/scripts/` to include it in the context menu\n ```shell\n cp /usr/share/pairdrop-cli/send-with-pairdrop ~/.local/share/nautilus/scripts/\n ```\n3. Make the shell file _send-with-pairdrop_ executable\n ```shell\n chmod +x ~/.local/share/nautilus/scripts/send-with-pairdrop\n ```\n4. You are done! You can now send multiple files and directories directly via PairDrop:\n\n _context menu_ > _Scripts_ > _send-with-pairdrop_\n\n
\n\n## File Handling API\nThe [File Handling API](https://learn.microsoft.com/en-us/microsoft-edge/progressive-web-apps-chromium/how-to/handle-files)\nwas implemented, but it was removed as default file associations were overwritten ([#17](https://github.com/schlagmichdoch/PairDrop/issues/17),\n[#116](https://github.com/schlagmichdoch/PairDrop/issues/116) [#190](https://github.com/schlagmichdoch/PairDrop/issues/190))\nand it only worked with explicitly specified file types and couldn't handle directories at all.\n\n[< Back](/README.md)\n" }, { "path": "docs/technical-documentation.md", "content": "# Technical Documentation\n## Encryption, WebRTC, STUN and TURN\n\nEncryption is mandatory for WebRTC connections and completely done by the browser itself.\n\nWhen the peers are first connecting, \\\na channel is created by exchanging their signaling info. \\\nThis signaling information includes some sort of public key \\\nand is specific to the clients IP address. \\\nThat is what the STUN Server is used for: \\\nit simply returns your public IP address \\\nas you only know your local ip address \\\nif behind a NAT (router).\n\nThe transfer of the signaling info is done by the \\\nPairDrop / Snapdrop server using secure websockets. \\\nAfter that the channel itself is completely peer-to-peer \\\nand all info can only be decrypted by the receiver. \\\nWhen the two peers are on the same network \\\nor when they are not behind any NAT system \\\n(which they are always for classic \\\nSnapdrop and for not paired users on PairDrop) \\\nthe files are send directly peer-to-peer.\n\nWhen a user is behind a NAT (behind a router) \\\nthe contents are channeled through a TURN server. \\\nBut again, the contents send via the channel \\\ncan only be decrypted by the receiver. \\\nSo a rogue TURN server could only \\\nsee that there is a connection, but not what is sent. \\\nObviously, connections which are channeled through a TURN server \\\nare not as fast as peer-to-peer.\n\nThe selection whether a TURN server is needed \\\nor not is also done automatically by the web browser. \\\nIt simply iterated through the configured \\\nRTC iceServers and checks what works. \\\nOnly if the STUN server is not sufficient, \\\nthe TURN server is used.\n\n\n_Diagram created by wowza.com_\n\nGood thing: if your device has an IPv6 address \\\nit is uniquely reachable by that address. \\\nAs I understand it, when both devices are using \\\nIPv6 addresses there is no need for a TURN server in any scenario.\n\nLearn more by reading https://www.wowza.com/blog/webrtc-encryption-and-security \\\nwhich gives a good insight into STUN, TURN and WebRTC.\n\n\n## Device Pairing\n\nThe pairing functionality uses the [IndexedDB API](https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API).\n\nIt works by creating long secrets that are served \\\nby the server to the initiating and requesting pair peer, \\\nwhen the inserted key is correct. \\\nThese long secrets are then saved to an \\\nindexedDB database in the web browser. \\\nIndexedDB is somewhat the successor of localStorage \\\nas saved data is shared between all tabs. \\\nIt goes one step further by making the data persistent \\\nand available offline if implemented to a PWA.\n\nAll secrets a client has saved to its database \\\nare sent to the PairDrop server. \\\nPeers with a common secret are discoverable \\\nto each other analog to peers with the same \\\nIP address are discoverable by each other.\n\nWhat I really like about this approach (and the reason I implemented it) \\\nis that devices on the same network are always \\\nvisible regardless whether any devices are paired or not. \\\nThe main user flow is never obstructed. \\\nPaired devices are simply shown additionally. \\\nThis makes it in my idea better than the idea of \\\nusing a room system as [discussed here](https://github.com/RobinLinus/snapdrop/pull/214).\n\n\n[< Back](/README.md)\n" }, { "path": "licenses/BSD_3-Clause-zip-js", "content": "BSD 3-Clause License\n\nCopyright (c) 2023, Gildas Lormeau\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are met:\n\n1. Redistributions of source code must retain the above copyright notice, this\n list of conditions and the following disclaimer.\n\n2. Redistributions in binary form must reproduce the above copyright notice,\n this list of conditions and the following disclaimer in the documentation\n and/or other materials provided with the distribution.\n\n3. Neither the name of the copyright holder nor the names of its\n contributors may be used to endorse or promote products derived from\n this software without specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS \"AS IS\"\nAND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\nIMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE\nDISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE\nFOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\nDAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR\nSERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER\nCAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,\nOR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE." }, { "path": "licenses/MIT-NoSleep", "content": "The MIT License (MIT)\n\nCopyright (c) Rich Tibbett\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\nLIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\nOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\nWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE." }, { "path": "licenses/MIT-heic2any", "content": "MIT License\n\nCopyright (c) 2020 Alex Corvi\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\nLIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\nOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\nWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE." }, { "path": "package.json", "content": "{\n \"name\": \"pairdrop\",\n \"version\": \"1.11.2\",\n \"type\": \"module\",\n \"description\": \"\",\n \"main\": \"server/index.js\",\n \"scripts\": {\n \"start\": \"node server/index.js\",\n \"start:prod\": \"node server/index.js --rate-limit --auto-restart\"\n },\n \"author\": \"\",\n \"license\": \"ISC\",\n \"dependencies\": {\n \"express\": \"^4.18.2\",\n \"express-rate-limit\": \"^7.1.5\",\n \"ua-parser-js\": \"^1.0.37\",\n \"unique-names-generator\": \"^4.3.0\",\n \"ws\": \"^8.16.0\"\n },\n \"engines\": {\n \"node\": \">=15\"\n }\n}\n" }, { "path": "pairdrop-cli/.gitignore", "content": ".pairdrop-cli-config" }, { "path": "pairdrop-cli/.pairdrop-cli-config.example", "content": "DOMAIN=https://pairdrop.net/" }, { "path": "pairdrop-cli/pairdrop", "content": "#!/bin/bash\nset -e\n\n# PairDrop version when this file was last changed\nversion=\"v1.10.4\"\n\n############################################################\n# Help #\n############################################################\nhelp()\n{\n # Display Help\n echo \"Send files or text with PairDrop via command-line interface.\"\n echo \"Current domain: ${DOMAIN}\"\n echo\n echo \"Usage:\"\n echo -e \"Open PairDrop:\\t\\t$(basename \"$0\")\"\n echo -e \"Send files:\\t\\t$(basename \"$0\") file1/directory1 (file2/directory2 file3/directory3 ...)\"\n echo -e \"Send text:\\t\\t$(basename \"$0\") -t \\\"text\\\"\"\n echo -e \"Specify domain:\\t\\t$(basename \"$0\") -d \\\"https://pairdrop.net/\\\"\"\n echo -e \"Show this help text:\\t$(basename \"$0\") (-h|--help)\"\n echo\n echo \"This pairdrop-cli version was released alongside ${version}\"\n}\n\nopenPairDrop()\n{\n url=\"$DOMAIN\"\n if [[ -n $params ]];then\n url=\"${url}?${params}\"\n fi\n if [[ -n $hash ]];then\n url=\"${url}#${hash}\"\n fi\n\n echo \"PairDrop is opening at $DOMAIN\"\n if [[ $OS == \"Windows\" ]];then\n start \"$url\"\n elif [[ $OS == \"Mac\" ]];then\n open \"$url\"\n elif [[ $OS == \"WSL\" || $OS == \"WSL2\" ]];then\n powershell.exe /c \"Start-Process ${url}\"\n else\n xdg-open \"$url\" > /dev/null 2>&1\n fi\n\n\n exit\n\n}\n\nsetOs()\n{\n unameOut=$(uname -a)\n case \"${unameOut}\" in\n *Microsoft*) OS=\"WSL\";; #must be first since Windows subsystem for linux will have Linux in the name too\n *microsoft*) OS=\"WSL2\";; #WARNING: My v2 uses ubuntu 20.4 at the moment slightly different name may not always work\n Linux*) OS=\"Linux\";;\n Darwin*) OS=\"Mac\";;\n CYGWIN*) OS=\"Cygwin\";;\n MINGW*) OS=\"Windows\";;\n *Msys) OS=\"Windows\";;\n *) OS=\"UNKNOWN:${unameOut}\"\n esac\n}\n\nspecifyDomain()\n{\n [[ ! $1 = http* ]] || [[ ! $1 = */ ]] && echo \"Incorrect format. Specify domain like https://pairdrop.net/\" && exit\n echo \"DOMAIN=${1}\" > \"$config_path\"\n echo -e \"Domain is now set to:\\n$1\\n\"\n}\n\nsendText()\n{\n params=\"base64text=hash\"\n hash=$(echo -n \"${OPTARG}\" | base64)\n\n if [[ $(echo -n \"$hash\" | wc -m) -gt 32600 ]];then\n params=\"base64text=paste\"\n if [[ $OS == \"Windows\" || $OS == \"WSL\" || $OS == \"WSL2\" ]];then\n echo -n \"$hash\" | clip.exe\n elif [[ $OS == \"Mac\" ]];then\n echo -n \"$hash\" | pbcopy\n else\n (echo -n \"$hash\" | xclip) || echo \"You need to install xclip for sending bigger files from cli\"\n fi\n hash=\n fi\n\n openPairDrop\n exit\n}\n\nescapePSPath()\n{\n local path=$1\n \n # escape '[' and ']' with grave accent (`) character\n pathPS=${path//[/\\`[}\n pathPS=${pathPS//]/\\`]}\n # escape single quote (') with another single quote (')\n pathPS=${pathPS//\\'/\\'\\'}\n \n # Convert GitHub bash path \"/i/path\" to Windows path \"I:/path\"\n if [[ $pathPS == /* ]]; then\n # Remove preceding slash\n pathPS=\"${pathPS#/}\"\n # Convert drive letter to uppercase\n driveLetter=$(echo \"${pathPS::1}\" | tr '[:lower:]' '[:upper:]')\n # Put together absolute path as used in Windows\n pathPS=\"${driveLetter}:${pathPS:1}\" \n fi\n \n echo \"$pathPS\"\n}\n\nsendFiles()\n{\n params=\"base64zip=hash\"\n workingDir=\"$(pwd)\"\n tmpDir=\"/tmp/pairdrop-cli-temp/\"\n tmpDirPS=\"\\$env:TEMP/pairdrop-cli-temp/\"\n \n index=0\n directoryBaseNamesUnix=()\n directoryPathsUnix=()\n filePathsUnix=()\n directoryCount=0\n fileCount=0\n pathsPS=\"\"\n\n #create tmp folder if it does not exist already\n if [[ ! -d \"$tmpDir\" ]]; then\n mkdir \"$tmpDir\"\n fi\n\n for arg in \"$@\"; do\n echo \"$arg\"\n [[ ! -e \"$arg\" ]] && echo \"The given path $arg does not exist.\" && exit\n\n # Remove trailing slash from directory\n arg=\"${arg%/}\"\n\n # get absolute path and basename of file/directory\n absolutePath=$(realpath \"$arg\")\n baseName=$(basename \"$absolutePath\")\n directoryPath=$(dirname \"$absolutePath\")\n\n if [[ -d $absolutePath ]]; then\n # is directory\n ((directoryCount+=1))\n # add basename and directory path to arrays\n directoryBaseNamesUnix+=(\"$baseName\")\n directoryPathsUnix+=(\"$directoryPath\")\n else\n # is file\n ((fileCount+=1))\n absolutePathUnix=$absolutePath\n # append new path and separate paths with space\n filePathsUnix+=(\"$absolutePathUnix\")\n fi\n\n # Prepare paths for PowerShell on Windows\n if [[ $OS == \"Windows\" ]];then\n absolutePathPS=$(escapePSPath \"$absolutePath\")\n \n # append new path and separate paths with commas\n pathsPS+=\"'${absolutePathPS}', \"\n fi\n \n # set fileNames on first loop\n if [[ $index == 0 ]]; then\n baseNameU=${baseName// /_}\n\n # Prevent baseNameU being empty for hidden files by removing the preceding dot\n if [[ $baseNameU == .* ]]; then\n baseNameU=${baseNameU#.*}\n fi\n\n # only use trunk of basename \"document.txt\" -> \"document\"\n baseNameTrunk=${baseNameU%.*}\n \n # remove all special characters\n zipName=${baseNameTrunk//[^a-zA-Z0-9_]/}\n \n zipToSendAbs=\"${tmpDir}${zipName}_pairdrop.zip\"\n wrapperZipAbs=\"${tmpDir}${zipName}_pairdrop_wrapper.zip\"\n\n if [[ $OS == \"Windows\" ]];then\n zipToSendAbsPS=\"${tmpDirPS}${zipName}_pairdrop.zip\"\n wrapperZipAbsPS=\"${tmpDirPS}${zipName}_pairdrop_wrapper.zip\"\n fi\n fi\n\n ((index+=1)) # somehow ((index++)) stops the script\n done\n\n # Prepare paths for PowerShell on Windows\n if [[ $OS == \"Windows\" ]];then\n # remove trailing comma\n pathsPS=${pathsPS%??}\n fi\n\n echo \"Preparing ${fileCount} files and ${directoryCount} directories...\"\n\n # if arguments include files only -> zip files once so files it is unzipped by sending browser\n # if arguments include directories -> wrap first zip in a second wrapper zip so that after unzip by sending browser a zip file is sent to receiver\n #\n # Preferred zip structure:\n # pairdrop \"d1/d2/d3/f1\" \"../../d4/d5/d6/f2\" \"d7/\" \"../d8/\" \"f5\"\n # zip structure: pairdrop.zip\n # |-f1\n # |-f2\n # |-d7/\n # |-d8/\n # |-f5\n # -> truncate (relative) paths but keep directories\n \n [[ -e \"$zipToSendAbs\" ]] && echo \"Cannot overwrite $zipToSendAbs. Please remove first.\" && exit\n\n if [[ $OS == \"Windows\" ]];then\n # Powershell does preferred zip structure natively\n powershell.exe -Command \"Compress-Archive -Path ${pathsPS} -DestinationPath ${zipToSendAbsPS}\"\n else\n # Workaround needed to create preferred zip structure on unix systems\n # Create zip file with all single files by junking the path\n if [[ $fileCount != 0 ]]; then\n zip -q -b /tmp/ -j -0 -r \"$zipToSendAbs\" \"${filePathsUnix[@]}\"\n fi\n\n # Add directories recursively to zip file\n index=0\n while [[ $index < $directoryCount ]]; do\n # workaround to keep directory name but junk the rest of the paths\n\n # cd to path above directory\n cd \"${directoryPathsUnix[index]}\"\n\n # add directory to zip without junking the path\n zip -q -b /tmp/ -0 -u -r \"$zipToSendAbs\" \"${directoryBaseNamesUnix[index]}\"\n\n # cd back to working directory\n cd \"$workingDir\"\n\n ((index+=1)) # somehow ((index++)) stops the script\n done\n fi\n\n # If directories are included send as zip\n # -> Create additional zip wrapper which will be unzipped by the sending browser\n if [[ \"$directoryCount\" != 0 ]]; then\n echo \"Bundle as ZIP file...\"\n\n # Prevent filename from being absolute zip path by \"cd\"ing to directory before zipping\n zipToSendDirectory=$(dirname \"$zipToSendAbs\")\n zipToSendBaseName=$(basename \"$zipToSendAbs\")\n\n cd \"$zipToSendDirectory\"\n \n [[ -e \"$wrapperZipAbs\" ]] && echo \"Cannot overwrite $wrapperZipAbs. Please remove first.\" && exit\n \n if [[ $OS == \"Windows\" ]];then\n powershell.exe -Command \"Compress-Archive -Path ${zipToSendBaseName} -DestinationPath ${wrapperZipAbsPS} -CompressionLevel Optimal\"\n else\n zip -q -b /tmp/ -0 \"$wrapperZipAbs\" \"$zipToSendBaseName\"\n fi\n cd \"$workingDir\"\n\n # remove inner zip file and set wrapper as zipToSend (do not differentiate between OS as this is done via Git Bash on Windows)\n rm \"$zipToSendAbs\"\n\n zipToSendAbs=$wrapperZipAbs\n fi\n\n # base64 encode zip file\n if [[ $OS == \"Mac\" ]];then\n hash=$(base64 -i \"$zipToSendAbs\")\n else\n hash=$(base64 -w 0 \"$zipToSendAbs\")\n fi\n\n # remove zip file (do not differentiate between OS as this is done via Git Bash on Windows)\n rm \"$zipToSendAbs\"\n\n if [[ $(echo -n \"$hash\" | wc -m) -gt 1000 ]];then\n params=\"base64zip=paste\"\n\n # Copy $hash to clipboard\n if [[ $OS == \"Windows\" || $OS == \"WSL\" || $OS == \"WSL2\" ]];then\n echo -n \"$hash\" | clip.exe\n elif [[ $OS == \"Mac\" ]];then\n echo -n \"$hash\" | pbcopy\n elif [ -n \"$WAYLAND_DISPLAY\" ]; then\n # Wayland\n if ! command -v wl-copy &> /dev/null; then\n echo -e \"You need to install 'wl-copy' to send bigger filePathsUnix from cli\"\n echo \"Try: sudo apt install wl-clipboard\"\n exit 1\n fi\n # Workaround to prevent use of Pipe which has a max letter limit\n echo -n \"$hash\" > /tmp/pairdrop-cli-temp/pairdrop_hash_temp\n wl-copy < /tmp/pairdrop-cli-temp/pairdrop_hash_temp\n rm /tmp/pairdrop-cli-temp/pairdrop_hash_temp\n else\n # X11\n if ! command -v xclip &> /dev/null; then\n echo -e \"You need to install 'xclip' to send bigger filePathsUnix from cli\"\n echo \"Try: sudo apt install xclip\"\n exit 1\n fi\n echo -n \"$hash\" | xclip -sel c\n fi\n hash=\n fi\n\n openPairDrop\n exit\n}\n\n############################################################\n############################################################\n# Main program #\n############################################################\n############################################################\nscript_path=\"$( cd -- \"$(dirname \"$0\")\" >/dev/null 2>&1 ; pwd -P )\"\n\npushd . > '/dev/null';\nscript_path=\"${BASH_SOURCE[0]:-$0}\";\n\nwhile [ -h \"$script_path\" ];\ndo\n cd \"$( dirname -- \"$script_path\"; )\";\n script_path=\"$( readlink -f -- \"$script_path\"; )\";\ndone\n\ncd \"$( dirname -- \"$script_path\"; )\" > '/dev/null';\nscript_path=\"$( pwd; )\";\npopd > '/dev/null';\n\nconfig_path=\"${script_path}/.pairdrop-cli-config\"\n\n# If config file does not exist, try to create it. If it fails log error message and exit\n[ ! -f \"$config_path\" ] &&\n specifyDomain \"https://pairdrop.net/\" &&\n [ ! -f \"$config_path\" ] &&\n echo \"Could not create config file. Add 'DOMAIN=https://pairdrop.net/' to a file called .pairdrop-cli-config in the same file as this 'pairdrop' bash file (${script_path})\" &&\n exit\n\n# Read config variables\nexport \"$(grep -v '^#' \"$config_path\" | xargs)\"\n\nsetOs\n\n############################################################\n# Process the input options. Add options as needed. #\n############################################################\n# Get the options\n# open PairDrop if no options are given\n[[ $# -eq 0 ]] && openPairDrop && exit\n\n# display help and exit if first argument is \"--help\" or more than 2 arguments are given\n[ \"$1\" == \"--help\" ] && help && exit\n\nwhile getopts \"d:ht:*\" option; do\n case $option in\n d) # specify domain - show help and exit if too many arguments\n [[ $# -gt 2 ]] && help && exit\n specifyDomain \"$2\"\n exit;;\n t) # Send text - show help and exit if too many arguments\n [[ $# -gt 2 ]] && help && exit\n sendText\n exit;;\n h | ?) # display help and exit\n help\n exit;;\n esac\ndone\n\n# Send file(s)\nsendFiles \"$@\"\n" }, { "path": "pairdrop-cli/pairdrop.sh", "content": "#!/bin/bash\nparent_path=$( cd \"$(dirname \"${BASH_SOURCE[0]}\")\" || exit ; pwd -P )\n\ncd \"$parent_path\" || exit\n\n./pairdrop \"$@\"" }, { "path": "pairdrop-cli/send-with-pairdrop", "content": "#!/bin/bash\n\n# Initialize an array\nlines=()\n\n# Read each line into the array\nwhile IFS= read -r line; do\n lines+=(\"$line\")\ndone <<< \"$NAUTILUS_SCRIPT_SELECTED_FILE_PATHS\"\n\n# Get the length of the array\nlength=${#lines[@]}\n\n# Remove the last entry\nunset 'lines[length-1]'\n\npairdrop \"${lines[@]}\"" }, { "path": "pairdrop-cli/send-with-pairdrop.ps1", "content": "$scriptDir = Split-Path -Parent $MyInvocation.MyCommand.Path\n\n& \"$scriptDir\\pairdrop.sh\" $args" }, { "path": "public/fonts/OpenSans/OFL.txt", "content": "Copyright 2020 The Open Sans Project Authors (https://github.com/googlefonts/opensans)\r\n\r\nThis Font Software is licensed under the SIL Open Font License, Version 1.1.\r\nThis license is copied below, and is also available with a FAQ at:\r\nhttp://scripts.sil.org/OFL\r\n\r\n\r\n-----------------------------------------------------------\r\nSIL OPEN FONT LICENSE Version 1.1 - 26 February 2007\r\n-----------------------------------------------------------\r\n\r\nPREAMBLE\r\nThe goals of the Open Font License (OFL) are to stimulate worldwide\r\ndevelopment of collaborative font projects, to support the font creation\r\nefforts of academic and linguistic communities, and to provide a free and\r\nopen framework in which fonts may be shared and improved in partnership\r\nwith others.\r\n\r\nThe OFL allows the licensed fonts to be used, studied, modified and\r\nredistributed freely as long as they are not sold by themselves. The\r\nfonts, including any derivative works, can be bundled, embedded, \r\nredistributed and/or sold with any software provided that any reserved\r\nnames are not used by derivative works. The fonts and derivatives,\r\nhowever, cannot be released under any other type of license. The\r\nrequirement for fonts to remain under this license does not apply\r\nto any document created using the fonts or their derivatives.\r\n\r\nDEFINITIONS\r\n\"Font Software\" refers to the set of files released by the Copyright\r\nHolder(s) under this license and clearly marked as such. This may\r\ninclude source files, build scripts and documentation.\r\n\r\n\"Reserved Font Name\" refers to any names specified as such after the\r\ncopyright statement(s).\r\n\r\n\"Original Version\" refers to the collection of Font Software components as\r\ndistributed by the Copyright Holder(s).\r\n\r\n\"Modified Version\" refers to any derivative made by adding to, deleting,\r\nor substituting -- in part or in whole -- any of the components of the\r\nOriginal Version, by changing formats or by porting the Font Software to a\r\nnew environment.\r\n\r\n\"Author\" refers to any designer, engineer, programmer, technical\r\nwriter or other person who contributed to the Font Software.\r\n\r\nPERMISSION & CONDITIONS\r\nPermission is hereby granted, free of charge, to any person obtaining\r\na copy of the Font Software, to use, study, copy, merge, embed, modify,\r\nredistribute, and sell modified and unmodified copies of the Font\r\nSoftware, subject to the following conditions:\r\n\r\n1) Neither the Font Software nor any of its individual components,\r\nin Original or Modified Versions, may be sold by itself.\r\n\r\n2) Original or Modified Versions of the Font Software may be bundled,\r\nredistributed and/or sold with any software, provided that each copy\r\ncontains the above copyright notice and this license. These can be\r\nincluded either as stand-alone text files, human-readable headers or\r\nin the appropriate machine-readable metadata fields within text or\r\nbinary files as long as those fields can be easily viewed by the user.\r\n\r\n3) No Modified Version of the Font Software may use the Reserved Font\r\nName(s) unless explicit written permission is granted by the corresponding\r\nCopyright Holder. This restriction only applies to the primary font name as\r\npresented to the users.\r\n\r\n4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font\r\nSoftware shall not be used to promote, endorse or advertise any\r\nModified Version, except to acknowledge the contribution(s) of the\r\nCopyright Holder(s) and the Author(s) or with their explicit written\r\npermission.\r\n\r\n5) The Font Software, modified or unmodified, in part or in whole,\r\nmust be distributed entirely under this license, and must not be\r\ndistributed under any other license. The requirement for fonts to\r\nremain under this license does not apply to any document created\r\nusing the Font Software.\r\n\r\nTERMINATION\r\nThis license becomes null and void if any of the above conditions are\r\nnot met.\r\n\r\nDISCLAIMER\r\nTHE FONT SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\r\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF\r\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT\r\nOF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE\r\nCOPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,\r\nINCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL\r\nDAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\r\nFROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM\r\nOTHER DEALINGS IN THE FONT SOFTWARE.\r\n" }, { "path": "public/fonts/OpenSans/README.txt", "content": "Open Sans Variable Font\n=======================\n\nThis download contains Open Sans as both variable fonts and static fonts.\n\nOpen Sans is a variable font with these axes:\n wdth\n wght\n\nThis means all the styles are contained in these files:\n OpenSans-VariableFont_wdth,wght.ttf\n OpenSans-Italic-VariableFont_wdth,wght.ttf\n\nIf your app fully supports variable fonts, you can now pick intermediate styles\nthat aren’t available as static fonts. Not all apps support variable fonts, and\nin those cases you can use the static font files for Open Sans:\n static/OpenSans_Condensed-Light.ttf\n static/OpenSans_Condensed-Regular.ttf\n static/OpenSans_Condensed-Medium.ttf\n static/OpenSans_Condensed-SemiBold.ttf\n static/OpenSans_Condensed-Bold.ttf\n static/OpenSans_Condensed-ExtraBold.ttf\n static/OpenSans_SemiCondensed-Light.ttf\n static/OpenSans_SemiCondensed-Regular.ttf\n static/OpenSans_SemiCondensed-Medium.ttf\n static/OpenSans_SemiCondensed-SemiBold.ttf\n static/OpenSans_SemiCondensed-Bold.ttf\n static/OpenSans_SemiCondensed-ExtraBold.ttf\n static/OpenSans-Light.ttf\n static/OpenSans-Regular.ttf\n static/OpenSans-Medium.ttf\n static/OpenSans-SemiBold.ttf\n static/OpenSans-Bold.ttf\n static/OpenSans-ExtraBold.ttf\n static/OpenSans_Condensed-LightItalic.ttf\n static/OpenSans_Condensed-Italic.ttf\n static/OpenSans_Condensed-MediumItalic.ttf\n static/OpenSans_Condensed-SemiBoldItalic.ttf\n static/OpenSans_Condensed-BoldItalic.ttf\n static/OpenSans_Condensed-ExtraBoldItalic.ttf\n static/OpenSans_SemiCondensed-LightItalic.ttf\n static/OpenSans_SemiCondensed-Italic.ttf\n static/OpenSans_SemiCondensed-MediumItalic.ttf\n static/OpenSans_SemiCondensed-SemiBoldItalic.ttf\n static/OpenSans_SemiCondensed-BoldItalic.ttf\n static/OpenSans_SemiCondensed-ExtraBoldItalic.ttf\n static/OpenSans-LightItalic.ttf\n static/OpenSans-Italic.ttf\n static/OpenSans-MediumItalic.ttf\n static/OpenSans-SemiBoldItalic.ttf\n static/OpenSans-BoldItalic.ttf\n static/OpenSans-ExtraBoldItalic.ttf\n\nGet started\n-----------\n\n1. Install the font files you want to use\n\n2. Use your app's font picker to view the font family and all the\navailable styles\n\nLearn more about variable fonts\n-------------------------------\n\n https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts\n https://variablefonts.typenetwork.com\n https://medium.com/variable-fonts\n\nIn desktop apps\n\n https://theblog.adobe.com/can-variable-fonts-illustrator-cc\n https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts\n\nOnline\n\n https://developers.google.com/fonts/docs/getting_started\n https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide\n https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts\n\nInstalling fonts\n\n MacOS: https://support.apple.com/en-us/HT201749\n Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux\n Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows\n\nAndroid Apps\n\n https://developers.google.com/fonts/docs/android\n https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts\n\nLicense\n-------\nPlease read the full license text (OFL.txt) to understand the permissions,\nrestrictions and requirements for usage, redistribution, and modification.\n\nYou can use them in your products & projects – print or digital,\ncommercial or otherwise.\n\nThis isn't legal advice, please consider consulting a lawyer and see the full\nlicense for all details.\n" }, { "path": "public/index.html", "content": "\n\n\n\n \n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n \n \n \n \n
\n \n \n \n \n
\n \n
\n \n
\n \n \n \n \n
\n \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n
\n \n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n \n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n \n \n \n \n
\n \n \n
\n \n
\n \n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n \n
\n \n \n
\n \n \n \n
\n \n \n
\n \n \n \n \n \n
\n \n \n
\n \n \n PairDrop
\nv1.11.2
\n \n \n ${roomSecretsEntry.display_name}\n \n
\n \n \n ${roomSecretsEntry.device_name}\n \n
\n `\n\n $pairedDevice\n .querySelector('input[type=\"checkbox\"]')\n .addEventListener('click', e => {\n PersistentStorage\n .updateRoomSecretAutoAccept(roomSecretsEntry.secret, e.target.checked)\n .then(roomSecretsEntry => {\n Events.fire('auto-accept-updated', {\n 'roomSecret': roomSecretsEntry.entry.secret,\n 'autoAccept': e.target.checked\n });\n });\n });\n\n $pairedDevice\n .querySelector('button')\n .addEventListener('click', e => {\n PersistentStorage\n .deleteRoomSecret(roomSecretsEntry.secret)\n .then(roomSecret => {\n Events.fire('room-secrets-deleted', [roomSecret]);\n Events.fire('evaluate-number-room-secrets');\n $pairedDevice.innerText = \"\";\n });\n })\n\n this.$pairedDevicesWrapper.appendChild($pairedDevice)\n })\n }\n\n hide() {\n super.hide();\n setTimeout(() => {\n this.$pairedDevicesWrapper.innerHTML = \"\"\n }, 300);\n }\n\n _onEditPairedDevices() {\n this._initDOM()\n .then(_ => {\n this._evaluateOverflowing(this.$pairedDevicesWrapper);\n this.show();\n });\n }\n\n _clearRoomSecrets() {\n PersistentStorage\n .getAllRoomSecrets()\n .then(roomSecrets => {\n PersistentStorage\n .clearRoomSecrets()\n .finally(() => {\n Events.fire('room-secrets-deleted', roomSecrets);\n Events.fire('evaluate-number-room-secrets');\n Events.fire('notify-user', Localization.getTranslation(\"notifications.pairing-cleared\"));\n this.hide();\n })\n });\n }\n\n _onPeerDisplayNameChanged(e) {\n const peerId = e.detail.peerId;\n const peerNode = $(peerId);\n\n if (!peerNode) return;\n\n const peer = peerNode.ui._peer;\n\n if (!peer || !peer._roomIds[\"secret\"]) return;\n\n PersistentStorage\n .updateRoomSecretNames(peer._roomIds[\"secret\"], peer.name.displayName, peer.name.deviceName)\n .then(roomSecretEntry => {\n console.log(`Successfully updated DisplayName and DeviceName for roomSecretEntry ${roomSecretEntry.key}`);\n })\n }\n}\n\nclass PublicRoomDialog extends Dialog {\n constructor() {\n super('public-room-dialog');\n\n this.$key = this.$el.querySelector('.key');\n this.$qrCode = this.$el.querySelector('.key-qr-code');\n this.$form = this.$el.querySelector('form');\n this.$closeBtn = this.$el.querySelector('[close]');\n this.$leaveBtn = this.$el.querySelector('.leave-room');\n this.$joinSubmitBtn = this.$el.querySelector('button[type=\"submit\"]');\n this.$headerBtnJoinPublicRoom = $('join-public-room');\n this.$footerBadgePublicRoomDevices = $$('.discovery-wrapper .badge-room-public-id');\n\n\n this.$form.addEventListener('submit', e => this._onSubmit(e));\n this.$closeBtn.addEventListener('click', _ => this.hide());\n this.$leaveBtn.addEventListener('click', _ => this._leavePublicRoom())\n\n this.$headerBtnJoinPublicRoom.addEventListener('click', _ => this._onHeaderBtnClick());\n this.$footerBadgePublicRoomDevices.addEventListener('click', _ => this._onHeaderBtnClick());\n\n this.inputKeyContainer = new InputKeyContainer(\n this.$el.querySelector('.input-key-container'),\n /[a-z|A-Z]/,\n () => this.$joinSubmitBtn.removeAttribute('disabled'),\n () => this.$joinSubmitBtn.setAttribute('disabled', true),\n () => this._submit()\n );\n\n Events.on('keydown', e => this._onKeyDown(e));\n Events.on('public-room-created', e => this._onPublicRoomCreated(e.detail));\n Events.on('peers', e => this._onPeers(e.detail));\n Events.on('peer-joined', e => this._onPeerJoined(e.detail));\n Events.on('public-room-id-invalid', e => this._onPublicRoomIdInvalid(e.detail));\n Events.on('public-room-left', _ => this._onPublicRoomLeft());\n this.$el.addEventListener('paste', e => this._onPaste(e));\n this.$qrCode.addEventListener('click', _ => this._copyShareRoomUrl());\n\n Events.on('ws-connected', _ => this._onWsConnected());\n Events.on('translation-loaded', _ => this.setFooterBadge());\n }\n\n _onKeyDown(e) {\n if (!this.isShown()) return;\n\n if (e.code === \"Escape\") {\n this.hide();\n }\n }\n\n _onPaste(e) {\n e.preventDefault();\n let pastedKey = e.clipboardData.getData(\"Text\");\n this.inputKeyContainer._onPaste(pastedKey);\n }\n\n _onHeaderBtnClick() {\n if (this.roomId) {\n this.show();\n }\n else {\n this._createPublicRoom();\n }\n }\n\n _createPublicRoom() {\n Events.fire('create-public-room');\n }\n\n _onPublicRoomCreated(roomId) {\n this.roomId = roomId;\n\n this._setKeyAndQrCode();\n\n this.show();\n\n sessionStorage.setItem('public_room_id', roomId);\n }\n\n _setKeyAndQrCode() {\n if (!this.roomId) return;\n\n this.$key.innerText = this.roomId.toUpperCase();\n\n // Display the QR code for the url\n const qr = new QRCode({\n content: this._getShareRoomUrl(),\n width: 130,\n height: 130,\n padding: 1,\n background: 'white',\n color: 'rgb(18, 18, 18)',\n ecl: \"L\",\n join: true\n });\n this.$qrCode.innerHTML = qr.svg();\n\n this.setFooterBadge();\n }\n\n setFooterBadge() {\n if (!this.roomId) return;\n\n this.$footerBadgePublicRoomDevices.innerText = Localization.getTranslation(\"footer.public-room-devices\", null, {\n roomId: this.roomId.toUpperCase()\n });\n this.$footerBadgePublicRoomDevices.removeAttribute('hidden');\n\n Events.fire('evaluate-footer-badges');\n }\n\n _getShareRoomUrl() {\n let url = new URL(location.href);\n url.searchParams.append('room_id', this.roomId)\n return url.href;\n }\n\n _copyShareRoomUrl() {\n navigator.clipboard.writeText(this._getShareRoomUrl())\n .then(_ => {\n Events.fire('notify-user', Localization.getTranslation(\"notifications.room-url-copied-to-clipboard\"));\n })\n .catch(_ => {\n Events.fire('notify-user', Localization.getTranslation(\"notifications.copied-to-clipboard-error\"));\n })\n }\n\n _onWsConnected() {\n let roomId = sessionStorage.getItem('public_room_id');\n\n if (!roomId) return;\n\n this.roomId = roomId;\n this._setKeyAndQrCode();\n\n this._joinPublicRoom(roomId, true);\n }\n\n _onSubmit(e) {\n e.preventDefault();\n this._submit();\n }\n\n _submit() {\n let inputKey = this.inputKeyContainer._getInputKey();\n this._joinPublicRoom(inputKey);\n }\n\n _joinPublicRoom(roomId, createIfInvalid = false) {\n roomId = roomId.toLowerCase();\n if (/^[a-z]{5}$/g.test(roomId)) {\n this.roomIdJoin = roomId;\n\n this.inputKeyContainer.focusLastChar();\n\n Events.fire('join-public-room', {\n roomId: roomId,\n createIfInvalid: createIfInvalid\n });\n }\n }\n\n _onPeers(message) {\n message.peers.forEach(messagePeer => {\n this._evaluateJoinedPeer(messagePeer.id, message.roomId);\n });\n }\n\n _onPeerJoined(message) {\n this._evaluateJoinedPeer(message.peer.id, message.roomId);\n }\n\n _evaluateJoinedPeer(peerId, roomId) {\n const isInitiatedRoomId = roomId === this.roomId;\n const isJoinedRoomId = roomId === this.roomIdJoin;\n\n if (!peerId || !roomId || !(isInitiatedRoomId || isJoinedRoomId)) return;\n\n this.hide();\n\n sessionStorage.setItem('public_room_id', roomId);\n\n if (isJoinedRoomId) {\n this.roomId = roomId;\n this.roomIdJoin = false;\n this._setKeyAndQrCode();\n }\n }\n\n _onPublicRoomIdInvalid(roomId) {\n Events.fire('notify-user', Localization.getTranslation(\"notifications.public-room-id-invalid\"));\n if (roomId === sessionStorage.getItem('public_room_id')) {\n sessionStorage.removeItem('public_room_id');\n }\n }\n\n _leavePublicRoom() {\n Events.fire('leave-public-room', this.roomId);\n }\n\n _onPublicRoomLeft() {\n let publicRoomId = this.roomId.toUpperCase();\n this.hide();\n this._cleanUp();\n Events.fire('notify-user', Localization.getTranslation(\"notifications.public-room-left\", null, {publicRoomId: publicRoomId}));\n }\n\n show() {\n this.inputKeyContainer._enableChars();\n super.show();\n }\n\n hide() {\n this.inputKeyContainer._cleanUp();\n super.hide();\n }\n\n _cleanUp() {\n this.roomId = null;\n this.inputKeyContainer._cleanUp();\n sessionStorage.removeItem('public_room_id');\n this.$footerBadgePublicRoomDevices.setAttribute('hidden', true);\n Events.fire('evaluate-footer-badges');\n }\n}\n\nclass SendTextDialog extends Dialog {\n constructor() {\n super('send-text-dialog');\n\n this.$text = this.$el.querySelector('.textarea');\n this.$peerDisplayName = this.$el.querySelector('.display-name');\n this.$form = this.$el.querySelector('form');\n this.$submit = this.$el.querySelector('button[type=\"submit\"]');\n this.$form.addEventListener('submit', e => this._onSubmit(e));\n this.$text.addEventListener('input', _ => this._onInput());\n this.$text.addEventListener('paste', e => this._onPaste(e));\n this.$text.addEventListener('drop', e => this._onDrop(e));\n\n Events.on('text-recipient', e => this._onRecipient(e.detail.peerId, e.detail.deviceName));\n Events.on('keydown', e => this._onKeyDown(e));\n }\n\n _onKeyDown(e) {\n if (!this.isShown()) return;\n\n if (e.code === \"Escape\") {\n this.hide();\n }\n else if (e.code === \"Enter\" && (e.ctrlKey || e.metaKey)) {\n if (this._textEmpty()) return;\n\n this._send();\n }\n }\n\n async _onDrop(e) {\n e.preventDefault()\n\n const text = e.dataTransfer.getData(\"text\");\n const selection = window.getSelection();\n\n if (selection.rangeCount) {\n selection.deleteFromDocument();\n selection.getRangeAt(0).insertNode(document.createTextNode(text));\n }\n\n this._onInput();\n }\n\n async _onPaste(e) {\n e.preventDefault()\n\n const text = (e.clipboardData || window.clipboardData).getData('text');\n const selection = window.getSelection();\n\n if (selection.rangeCount) {\n selection.deleteFromDocument();\n const textNode = document.createTextNode(text);\n const range = document.createRange();\n range.setStart(textNode, textNode.length);\n range.collapse(true);\n selection.getRangeAt(0).insertNode(textNode);\n selection.removeAllRanges();\n selection.addRange(range);\n }\n\n this._onInput();\n }\n\n _textEmpty() {\n return !this.$text.innerText || this.$text.innerText === \"\\n\";\n }\n\n _onInput() {\n if (this._textEmpty()) {\n this.$submit.setAttribute('disabled', true);\n // remove remaining whitespace on Firefox on text deletion\n this.$text.innerText = \"\";\n }\n else {\n this.$submit.removeAttribute('disabled');\n }\n this._evaluateOverflowing(this.$text);\n }\n\n _onRecipient(peerId, deviceName) {\n this.correspondingPeerId = peerId;\n this.$peerDisplayName.innerText = deviceName;\n this.$peerDisplayName.classList.remove(\"badge-room-ip\", \"badge-room-secret\", \"badge-room-public-id\");\n this.$peerDisplayName.classList.add($(peerId).ui._badgeClassName());\n\n this.show();\n\n const range = document.createRange();\n const sel = window.getSelection();\n\n range.selectNodeContents(this.$text);\n sel.removeAllRanges();\n sel.addRange(range);\n }\n\n _onSubmit(e) {\n e.preventDefault();\n this._send();\n }\n\n _send() {\n Events.fire('send-text', {\n to: this.correspondingPeerId,\n text: this.$text.innerText\n });\n this.hide();\n setTimeout(() => this.$text.innerText = \"\", 300);\n }\n}\n\nclass ReceiveTextDialog extends Dialog {\n constructor() {\n super('receive-text-dialog');\n Events.on('text-received', e => this._onText(e.detail.text, e.detail.peerId));\n this.$text = this.$el.querySelector('#text');\n this.$copy = this.$el.querySelector('#copy');\n this.$close = this.$el.querySelector('#close');\n\n this.$copy.addEventListener('click', _ => this._onCopy());\n this.$close.addEventListener('click', _ => this.hide());\n\n Events.on('keydown', e => this._onKeyDown(e));\n\n this.$displayName = this.$el.querySelector('.display-name');\n this._receiveTextQueue = [];\n this._hideTimeout = null;\n }\n\n selectionEmpty() {\n return !window.getSelection().toString()\n }\n\n async _onKeyDown(e) {\n if (!this.isShown()) return\n\n if (e.code === \"KeyC\" && (e.ctrlKey || e.metaKey) && this.selectionEmpty()) {\n await this._onCopy()\n }\n else if (e.code === \"Escape\") {\n this.hide();\n }\n }\n\n _onText(text, peerId) {\n window.blop.play();\n this._receiveTextQueue.push({text: text, peerId: peerId});\n this._setDocumentTitleMessages();\n changeFavicon(\"images/favicon-96x96-notification.png\");\n\n if (this.isShown() || this._hideTimeout) return;\n\n this._dequeueRequests();\n }\n\n _dequeueRequests() {\n this._setDocumentTitleMessages();\n changeFavicon(\"images/favicon-96x96-notification.png\");\n\n let {text, peerId} = this._receiveTextQueue.shift();\n this._showReceiveTextDialog(text, peerId);\n }\n\n _showReceiveTextDialog(text, peerId) {\n this.$displayName.innerText = $(peerId).ui._displayName();\n this.$displayName.classList.remove(\"badge-room-ip\", \"badge-room-secret\", \"badge-room-public-id\");\n this.$displayName.classList.add($(peerId).ui._badgeClassName());\n\n this.$text.innerText = text;\n\n // Beautify text if text is not too long\n if (this.$text.innerText.length <= 300000) {\n // Hacky workaround to replace URLs with link nodes in all cases\n // 1. Use text variable, find all valid URLs via regex and replace URLs with placeholder\n // 2. Use html variable, find placeholders with regex and replace them with link nodes\n\n let $textShadow = document.createElement('div');\n $textShadow.innerText = text;\n\n let linkNodes = {};\n let searchHTML = $textShadow.innerHTML;\n const p = \"@\";\n const pRgx = new RegExp(`${p}\\\\d+`, 'g');\n let occP = searchHTML.match(pRgx) || [];\n\n let m = 0;\n\n const chrs = `a-zA-Z0-9áàäčçđéèêŋńñóòôöšŧüžæøåëìíîïðùúýþćěłřśţźǎǐǒǔǥǧǩǯəʒâûœÿãõāēīōūăąĉċďĕėęĝğġģĥħĩĭįıĵķĸĺļľņňŏőŕŗŝşťũŭůűųŵŷżאבגדהוזחטיךכלםמןנסעףפץצקרשתװױײ`; // allowed chars in domain names\n const rgxWhitespace = `(^|\\\\n|\\\\s)`;\n const rgxScheme = `(https?:\\\\/\\\\/)`\n const rgxSchemeMail = `(mailto:)`\n const rgxUserinfo = `(?:(?:[${chrs}.%]*(?::[${chrs}.%]*)?)@)`;\n const rgxHost = `(?:(?:[${chrs}](?:[${chrs}-]{0,61}[${chrs}])?\\\\.)+[${chrs}][${chrs}-]{0,61}[${chrs}])`;\n const rgxPort = `(:\\\\d*)`;\n const rgxPath = `(?:(?:\\\\/[${chrs}\\\\-\\\\._~!$&'\\\\(\\\\)\\\\*\\\\+,;=:@%]*)*)`;\n const rgxQueryAndFragment = `(\\\\?[${chrs}\\\\-_~:\\\\/#\\\\[\\\\]@!$&'\\\\(\\\\)*+,;=%.]*)`;\n const rgxUrl = `(${rgxScheme}?${rgxHost}${rgxPort}?${rgxPath}${rgxQueryAndFragment}?)`;\n const rgxMail = `(${rgxSchemeMail}${rgxUserinfo}${rgxHost})`;\n const rgxUrlAll = new RegExp(`${rgxWhitespace}${rgxUrl}`, 'g');\n const rgxMailAll = new RegExp(`${rgxWhitespace}${rgxMail}`, 'g');\n\n const replaceMatchWithPlaceholder = function(match, whitespace, url, scheme) {\n let link = url;\n\n // prefix www.example.com with http scheme to prevent it from being a relative link\n if (!scheme && link.startsWith('www')) {\n link = \"http://\" + link\n }\n\n if (!isUrlValid(link)) {\n // link is not valid -> do not replace\n return match;\n }\n\n // link is valid -> replace with link node placeholder\n // find linkNodePlaceholder that is not yet present in text node\n m++;\n while (occP.includes(`${p}${m}`)) {\n m++;\n }\n let linkNodePlaceholder = `${p}${m}`;\n\n // add linkNodePlaceholder to text node and save a reference to linkNodes object\n linkNodes[linkNodePlaceholder] = `${url}`;\n return `${whitespace}${linkNodePlaceholder}`;\n }\n\n text = text.replace(rgxUrlAll, replaceMatchWithPlaceholder);\n $textShadow.innerText = text.replace(rgxMailAll, replaceMatchWithPlaceholder);\n\n\n this.$text.innerHTML = $textShadow.innerHTML.replace(pRgx,\n (m) => {\n let urlNode = linkNodes[m];\n return urlNode ? urlNode : m;\n });\n }\n\n this._evaluateOverflowing(this.$text);\n this.show();\n }\n\n _setDocumentTitleMessages() {\n document.title = this._receiveTextQueue.length <= 1\n ? `${ Localization.getTranslation(\"document-titles.message-received\") } - PairDrop`\n : `${ Localization.getTranslation(\"document-titles.message-received-plural\", null, {count: this._receiveTextQueue.length + 1}) } - PairDrop`;\n }\n\n async _onCopy() {\n const sanitizedText = this.$text.innerText.replace(/\\u00A0/gm, ' ');\n navigator.clipboard\n .writeText(sanitizedText)\n .then(_ => {\n Events.fire('notify-user', Localization.getTranslation(\"notifications.copied-to-clipboard\"));\n this.hide();\n })\n .catch(_ => {\n Events.fire('notify-user', Localization.getTranslation(\"notifications.copied-to-clipboard-error\"));\n });\n }\n\n hide() {\n super.hide();\n\n // If queue is empty -> clear text field | else -> open next message\n this._hideTimeout = setTimeout(() => {\n if (!this._receiveTextQueue.length) {\n this.$text.innerHTML = \"\";\n }\n else {\n this._dequeueRequests();\n }\n this._hideTimeout = null;\n }, 500);\n }\n}\n\nclass ShareTextDialog extends Dialog {\n constructor() {\n super('share-text-dialog');\n\n this.$text = this.$el.querySelector('.textarea');\n this.$approveMsgBtn = this.$el.querySelector('button[type=\"submit\"]');\n this.$checkbox = this.$el.querySelector('input[type=\"checkbox\"]')\n\n this.$approveMsgBtn.addEventListener('click', _ => this._approveShareText());\n\n // Only show this per default if user sets checkmark\n this.$checkbox.checked = localStorage.getItem('approve-share-text')\n ? ShareTextDialog.isApproveShareTextSet()\n : false;\n\n this._setCheckboxValueToLocalStorage();\n\n this.$checkbox.addEventListener('change', _ => this._setCheckboxValueToLocalStorage());\n Events.on('share-text-dialog', e => this._onShareText(e.detail));\n Events.on('keydown', e => this._onKeyDown(e));\n this.$text.addEventListener('input', _ => this._evaluateEmptyText());\n }\n\n static isApproveShareTextSet() {\n return localStorage.getItem('approve-share-text') === \"true\";\n }\n\n _setCheckboxValueToLocalStorage() {\n localStorage.setItem('approve-share-text', this.$checkbox.checked ? \"true\" : \"false\");\n }\n\n _onKeyDown(e) {\n if (!this.isShown()) return;\n\n if (e.code === \"Escape\") {\n this._approveShareText();\n }\n else if (e.code === \"Enter\" && (e.ctrlKey || e.metaKey)) {\n if (this._textEmpty()) return;\n\n this._approveShareText();\n }\n }\n\n _textEmpty() {\n return !this.$text.innerText || this.$text.innerText === \"\\n\";\n }\n\n _evaluateEmptyText() {\n if (this._textEmpty()) {\n this.$approveMsgBtn.setAttribute('disabled', true);\n // remove remaining whitespace on Firefox on text deletion\n this.$text.innerText = \"\";\n }\n else {\n this.$approveMsgBtn.removeAttribute('disabled');\n }\n this._evaluateOverflowing(this.$text);\n }\n\n _onShareText(text) {\n this.$text.innerText = text;\n this._evaluateEmptyText();\n this.show();\n }\n\n _approveShareText() {\n Events.fire('activate-share-mode', {text: this.$text.innerText});\n this.hide();\n }\n\n hide() {\n super.hide();\n setTimeout(() => this.$text.innerText = \"\", 500);\n }\n}\n\nclass Base64Dialog extends Dialog {\n\n constructor() {\n super('base64-paste-dialog');\n\n this.$title = this.$el.querySelector('.dialog-title');\n this.$pasteBtn = this.$el.querySelector('#base64-paste-btn');\n this.$fallbackTextarea = this.$el.querySelector('.textarea');\n }\n\n async evaluateBase64Text(base64Text, hash) {\n this.$title.innerText = Localization.getTranslation('dialogs.base64-title-text');\n\n if (base64Text === 'paste') {\n // ?base64text=paste\n // base64 encoded string is ready to be pasted from clipboard\n this.preparePasting('text');\n this.show();\n }\n else if (base64Text === 'hash') {\n // ?base64text=hash#BASE64ENCODED\n // base64 encoded text is url hash which cannot be seen by the server and is faster (recommended)\n this.show();\n await this.processBase64Text(hash);\n }\n else {\n // ?base64text=BASE64ENCODED\n // base64 encoded text is part of the url param. Seen by server and slow (not recommended)\n this.show();\n await this.processBase64Text(base64Text);\n }\n }\n\n async evaluateBase64Zip(base64Zip, hash) {\n this.$title.innerText = Localization.getTranslation('dialogs.base64-title-files');\n\n if (base64Zip === 'paste') {\n // ?base64zip=paste || ?base64zip=true\n this.preparePasting('files');\n this.show();\n }\n else if (base64Zip === 'hash') {\n // ?base64zip=hash#BASE64ENCODED\n // base64 encoded zip file is url hash which cannot be seen by the server\n await this.processBase64Zip(hash);\n }\n }\n\n _setPasteBtnToProcessing() {\n this.$pasteBtn.style.pointerEvents = \"none\";\n this.$pasteBtn.innerText = Localization.getTranslation(\"dialogs.base64-processing\");\n }\n\n preparePasting(type) {\n const translateType = type === 'text'\n ? Localization.getTranslation(\"dialogs.base64-text\")\n : Localization.getTranslation(\"dialogs.base64-files\");\n\n if (navigator.clipboard.readText) {\n this.$pasteBtn.innerText = Localization.getTranslation(\"dialogs.base64-tap-to-paste\", null, {type: translateType});\n this._clickCallback = _ => this.processClipboard(type);\n this.$pasteBtn.addEventListener('click', _ => this._clickCallback());\n }\n else {\n console.log(\"`navigator.clipboard.readText()` is not available on your browser.\\nOn Firefox you can set `dom.events.asyncClipboard.readText` to true under `about:config` for convenience.\")\n this.$pasteBtn.setAttribute('hidden', true);\n this.$fallbackTextarea.setAttribute('placeholder', Localization.getTranslation(\"dialogs.base64-paste-to-send\", null, {type: translateType}));\n this.$fallbackTextarea.removeAttribute('hidden');\n this._inputCallback = _ => this.processInput(type);\n this.$fallbackTextarea.addEventListener('input', _ => this._inputCallback());\n this.$fallbackTextarea.focus();\n }\n }\n\n async processInput(type) {\n const base64 = this.$fallbackTextarea.textContent;\n this.$fallbackTextarea.textContent = '';\n await this.processPastedBase64(type, base64);\n }\n\n async processClipboard(type) {\n const base64 = await navigator.clipboard.readText();\n await this.processPastedBase64(type, base64);\n }\n\n async processPastedBase64(type, base64) {\n try {\n if (type === 'text') {\n await this.processBase64Text(base64);\n }\n else {\n await this.processBase64Zip(base64);\n }\n }\n catch(e) {\n Events.fire('notify-user', Localization.getTranslation(\"notifications.clipboard-content-incorrect\"));\n console.log(\"Clipboard content is incorrect.\")\n }\n this.hide();\n }\n\n async processBase64Text(base64){\n this._setPasteBtnToProcessing();\n\n try {\n const decodedText = await decodeBase64Text(base64);\n if (ShareTextDialog.isApproveShareTextSet()) {\n Events.fire('share-text-dialog', decodedText);\n }\n else {\n Events.fire('activate-share-mode', {text: decodedText});\n }\n }\n catch (e) {\n Events.fire('notify-user', Localization.getTranslation(\"notifications.text-content-incorrect\"));\n console.log(\"Text content incorrect.\");\n }\n\n this.hide();\n }\n\n async processBase64Zip(base64) {\n this._setPasteBtnToProcessing();\n\n try {\n const decodedFiles = await decodeBase64Files(base64);\n Events.fire('activate-share-mode', {files: decodedFiles});\n }\n catch (e) {\n Events.fire('notify-user', Localization.getTranslation(\"notifications.file-content-incorrect\"));\n console.log(\"File content incorrect.\");\n }\n\n this.hide();\n }\n\n hide() {\n this.$pasteBtn.removeEventListener('click', _ => this._clickCallback());\n this.$fallbackTextarea.removeEventListener('input', _ => this._inputCallback());\n this.$fallbackTextarea.setAttribute('disabled', true);\n this.$fallbackTextarea.blur();\n super.hide();\n }\n}\n\nclass AboutUI {\n constructor() {\n this.$donationBtn = $('donation-btn');\n this.$twitterBtn = $('x-twitter-btn');\n this.$mastodonBtn = $('mastodon-btn');\n this.$blueskyBtn = $('bluesky-btn');\n this.$customBtn = $('custom-btn');\n this.$privacypolicyBtn = $('privacypolicy-btn');\n Events.on('config', e => this._onConfig(e.detail.buttons));\n }\n\n async _onConfig(btnConfig) {\n await this._evaluateBtnConfig(this.$donationBtn, btnConfig.donation_button);\n await this._evaluateBtnConfig(this.$twitterBtn, btnConfig.twitter_button);\n await this._evaluateBtnConfig(this.$mastodonBtn, btnConfig.mastodon_button);\n await this._evaluateBtnConfig(this.$blueskyBtn, btnConfig.bluesky_button);\n await this._evaluateBtnConfig(this.$customBtn, btnConfig.custom_button);\n await this._evaluateBtnConfig(this.$privacypolicyBtn, btnConfig.privacypolicy_button);\n }\n\n async _evaluateBtnConfig($btn, config) {\n // if config is not set leave everything as default\n if (!Object.keys(config).length) return;\n\n if (config.active === \"false\") {\n $btn.setAttribute('hidden', true);\n } else {\n if (config.link) {\n $btn.setAttribute('href', config.link);\n }\n if (config.title) {\n $btn.setAttribute('title', config.title);\n // prevent overwriting of custom title when setting different language\n $btn.removeAttribute('data-i18n-key');\n $btn.removeAttribute('data-i18n-attrs');\n }\n if (config.icon) {\n $btn.setAttribute('title', config.title);\n // prevent overwriting of custom title when setting different language\n $btn.removeAttribute('data-i18n-key');\n $btn.removeAttribute('data-i18n-attrs');\n }\n $btn.removeAttribute('hidden');\n }\n }\n}\n\nclass Toast extends Dialog {\n constructor() {\n super('toast');\n this.$closeBtn = this.$el.querySelector('.icon-button');\n this.$text = this.$el.querySelector('span');\n\n this.$closeBtn.addEventListener('click', _ => this.hide());\n Events.on('notify-user', e => this._onNotify(e.detail));\n Events.on('share-mode-changed', _ => this.hide());\n }\n\n _onNotify(message) {\n if (this.hideTimeout) clearTimeout(this.hideTimeout);\n this.$text.innerText = typeof message === \"object\" ? message.message : message;\n this.show();\n\n if (typeof message === \"object\" && message.persistent) return;\n\n this.hideTimeout = setTimeout(() => this.hide(), 5000);\n }\n\n hide() {\n if (this.hideTimeout) clearTimeout(this.hideTimeout);\n super.hide();\n }\n}\n\nclass Notifications {\n\n constructor() {\n // Check if the browser supports notifications\n if (!('Notification' in window)) return;\n\n this.$headerNotificationButton = $('notification');\n this.$downloadBtn = $('download-btn');\n\n this.$headerNotificationButton.addEventListener('click', _ => this._requestPermission());\n\n\n Events.on('text-received', e => this._messageNotification(e.detail.text, e.detail.peerId));\n Events.on('files-received', e => this._downloadNotification(e.detail.files));\n Events.on('files-transfer-request', e => this._requestNotification(e.detail.request, e.detail.peerId));\n }\n\n async _requestPermission() {\n await Notification.\n requestPermission(permission => {\n if (permission !== 'granted') {\n Events.fire('notify-user', Localization.getTranslation(\"notifications.notifications-permissions-error\"));\n return;\n }\n Events.fire('notify-user', Localization.getTranslation(\"notifications.notifications-enabled\"));\n this.$headerNotificationButton.setAttribute('hidden', true);\n });\n }\n\n _notify(title, body) {\n const config = {\n body: body,\n icon: '/images/logo_transparent_128x128.png',\n }\n let notification;\n try {\n notification = new Notification(title, config);\n } catch (e) {\n // Android doesn't support \"new Notification\" if service worker is installed\n if (!serviceWorker || !serviceWorker.showNotification) return;\n notification = serviceWorker.showNotification(title, config);\n }\n\n // Notification is persistent on Android. We have to close it manually\n const visibilitychangeHandler = () => {\n if (document.visibilityState === 'visible') {\n notification.close();\n Events.off('visibilitychange', visibilitychangeHandler);\n }\n };\n Events.on('visibilitychange', visibilitychangeHandler);\n\n return notification;\n }\n\n _messageNotification(message, peerId) {\n if (document.visibilityState !== 'visible') {\n const peerDisplayName = $(peerId).ui._displayName();\n if (/^((https?:\\/\\/|www)[abcdefghijklmnopqrstuvwxyz0123456789\\-._~:\\/?#\\[\\]@!$&'()*+,;=]+)$/.test(message.toLowerCase())) {\n const notification = this._notify(Localization.getTranslation(\"notifications.link-received\", null, {name: peerDisplayName}), message);\n this._bind(notification, _ => window.open(message, '_blank', \"noreferrer\"));\n }\n else {\n const notification = this._notify(Localization.getTranslation(\"notifications.message-received\", null, {name: peerDisplayName}), message);\n this._bind(notification, _ => this._copyText(message, notification));\n }\n }\n }\n\n _downloadNotification(files) {\n if (document.visibilityState !== 'visible') {\n let imagesOnly = files.every(file => file.type.split('/')[0] === 'image');\n let title;\n\n if (files.length === 1) {\n title = `${files[0].name}`;\n }\n else {\n let fileOther;\n if (files.length === 2) {\n fileOther = imagesOnly\n ? Localization.getTranslation(\"dialogs.file-other-description-image\")\n : Localization.getTranslation(\"dialogs.file-other-description-file\");\n }\n else {\n fileOther = imagesOnly\n ? Localization.getTranslation(\"dialogs.file-other-description-image-plural\", null, {count: files.length - 1})\n : Localization.getTranslation(\"dialogs.file-other-description-file-plural\", null, {count: files.length - 1});\n }\n title = `${files[0].name} ${fileOther}`\n }\n const notification = this._notify(title, Localization.getTranslation(\"notifications.click-to-download\"));\n this._bind(notification, _ => this._download(notification));\n }\n }\n\n _requestNotification(request, peerId) {\n if (document.visibilityState !== 'visible') {\n let imagesOnly = request.header.every(header => header.mime.split('/')[0] === 'image');\n let displayName = $(peerId).querySelector('.name').textContent;\n\n let descriptor;\n if (request.header.length === 1) {\n descriptor = imagesOnly\n ? Localization.getTranslation(\"dialogs.title-image\")\n : Localization.getTranslation(\"dialogs.title-file\");\n }\n else {\n descriptor = imagesOnly\n ? Localization.getTranslation(\"dialogs.title-image-plural\")\n : Localization.getTranslation(\"dialogs.title-file-plural\");\n }\n\n let title = Localization\n .getTranslation(\"notifications.request-title\", null, {\n name: displayName,\n count: request.header.length,\n descriptor: descriptor.toLowerCase()\n });\n\n const notification = this._notify(title, Localization.getTranslation(\"notifications.click-to-show\"));\n }\n }\n\n _download(notification) {\n this.$downloadBtn.click();\n notification.close();\n }\n\n async _copyText(message, notification) {\n if (await navigator.clipboard.writeText(message)) {\n notification.close();\n this._notify(Localization.getTranslation(\"notifications.copied-text\"));\n }\n else {\n this._notify(Localization.getTranslation(\"notifications.copied-text-error\"));\n }\n }\n\n _bind(notification, handler) {\n if (notification.then) {\n notification.then(_ => {\n serviceWorker\n .getNotifications()\n .then(_ => {\n serviceWorker.addEventListener('notificationclick', handler);\n })\n });\n }\n else {\n notification.onclick = handler;\n }\n }\n}\n\nclass NetworkStatusUI {\n\n constructor() {\n Events.on('offline', _ => this._showOfflineMessage());\n Events.on('online', _ => this._showOnlineMessage());\n if (!navigator.onLine) this._showOfflineMessage();\n }\n\n _showOfflineMessage() {\n Events.fire('notify-user', {\n message: Localization.getTranslation(\"notifications.offline\"),\n persistent: true\n });\n }\n\n _showOnlineMessage() {\n Events.fire('notify-user', Localization.getTranslation(\"notifications.online\"));\n }\n}\n\nclass WebShareTargetUI {\n\n async evaluateShareTarget(shareTargetType, title, text, url) {\n if (shareTargetType === \"text\") {\n let shareTargetText;\n if (url) {\n shareTargetText = url; // we share only the link - no text.\n }\n else if (title && text) {\n shareTargetText = title + '\\r\\n' + text;\n }\n else {\n shareTargetText = title + text;\n }\n\n if (ShareTextDialog.isApproveShareTextSet()) {\n Events.fire('share-text-dialog', shareTargetText);\n }\n else {\n Events.fire('activate-share-mode', {text: shareTargetText});\n }\n }\n else if (shareTargetType === \"files\") {\n let openRequest = window.indexedDB.open('pairdrop_store')\n openRequest.onsuccess = e => {\n const db = e.target.result;\n const tx = db.transaction('share_target_files', 'readwrite');\n const store = tx.objectStore('share_target_files');\n const request = store.getAll();\n request.onsuccess = _ => {\n const fileObjects = request.result;\n\n let filesReceived = [];\n for (let i = 0; i < fileObjects.length; i++) {\n filesReceived.push(new File([fileObjects[i].buffer], fileObjects[i].name));\n }\n\n const clearRequest = store.clear()\n clearRequest.onsuccess = _ => db.close();\n\n Events.fire('activate-share-mode', {files: filesReceived})\n }\n }\n }\n }\n}\n\n// Keep for legacy reasons even though this is removed from new PWA installations\nclass WebFileHandlersUI {\n async evaluateLaunchQueue() {\n if (!\"launchQueue\" in window) return;\n\n launchQueue.setConsumer(async launchParams => {\n console.log(\"Launched with: \", launchParams);\n\n if (!launchParams.files.length) return;\n\n let files = [];\n\n for (let i = 0; i < launchParams.files.length; i++) {\n if (i !== 0 && await launchParams.files[i].isSameEntry(launchParams.files[i-1])) continue;\n\n const file = await launchParams.files[i].getFile();\n files.push(file);\n }\n\n Events.fire('activate-share-mode', {files: files})\n });\n }\n}\n\nclass NoSleepUI {\n constructor() {\n NoSleepUI._nosleep = new NoSleep();\n }\n\n static enable() {\n if (!this._interval) {\n NoSleepUI._nosleep.enable();\n NoSleepUI._interval = setInterval(() => NoSleepUI.disable(), 10000);\n }\n }\n\n static disable() {\n if ($$('x-peer[status]') === null) {\n clearInterval(NoSleepUI._interval);\n NoSleepUI._nosleep.disable();\n }\n }\n}\n"
},
{
"path": "public/scripts/util.js",
"content": "// Polyfill for Navigator.clipboard.writeText\nif (!navigator.clipboard) {\n navigator.clipboard = {\n writeText: text => {\n\n // A contains the text to copy\n const span = document.createElement('span');\n span.innerText = text;\n span.style.whiteSpace = 'pre'; // Preserve consecutive spaces and newlines\n\n // Paint the span outside the viewport\n span.style.position = 'absolute';\n span.style.left = '-9999px';\n span.style.top = '-9999px';\n\n const win = window;\n const selection = win.getSelection();\n win.document.body.appendChild(span);\n\n const range = win.document.createRange();\n selection.removeAllRanges();\n range.selectNode(span);\n selection.addRange(range);\n\n let success = false;\n try {\n success = win.document.execCommand('copy');\n } catch (err) {\n return Promise.error();\n }\n\n selection.removeAllRanges();\n span.remove();\n\n return Promise.resolve();\n }\n }\n}\n\n// Polyfills\nwindow.isRtcSupported = !!(window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection);\n\nwindow.hiddenProperty = 'hidden' in document\n ? 'hidden'\n : 'webkitHidden' in document\n ? 'webkitHidden'\n : 'mozHidden' in document\n ? 'mozHidden'\n : null;\n\nwindow.visibilityChangeEvent = 'visibilitychange' in document\n ? 'visibilitychange'\n : 'webkitvisibilitychange' in document\n ? 'webkitvisibilitychange'\n : 'mozvisibilitychange' in document\n ? 'mozvisibilitychange'\n : null;\n\nwindow.iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;\nwindow.android = /android/i.test(navigator.userAgent);\nwindow.isMobile = window.iOS || window.android;\n\n\n// Helper functions\nconst zipper = (() => {\n\n let zipWriter;\n return {\n createNewZipWriter() {\n zipWriter = new zip.ZipWriter(new zip.BlobWriter(\"application/zip\"), { bufferedWrite: true, level: 0 });\n },\n addFile(file, options) {\n return zipWriter.add(file.name, new zip.BlobReader(file), options);\n },\n async getBlobURL() {\n if (zipWriter) {\n const blobURL = URL.createObjectURL(await zipWriter.close());\n zipWriter = null;\n return blobURL;\n }\n else {\n throw new Error(\"Zip file closed\");\n }\n },\n async getZipFile(filename = \"archive.zip\") {\n if (zipWriter) {\n const file = new File([await zipWriter.close()], filename, {type: \"application/zip\"});\n zipWriter = null;\n return file;\n }\n else {\n throw new Error(\"Zip file closed\");\n }\n },\n async getEntries(file, options) {\n return await (new zip.ZipReader(new zip.BlobReader(file))).getEntries(options);\n },\n async getData(entry, options) {\n return await entry.getData(new zip.BlobWriter(), options);\n },\n };\n\n})();\n\nconst mime = (() => {\n\n const suffixToMimeMap = {\n \"cpl\": \"application/cpl+xml\",\n \"gpx\": \"application/gpx+xml\",\n \"gz\": \"application/gzip\",\n \"jar\": \"application/java-archive\",\n \"war\": \"application/java-archive\",\n \"ear\": \"application/java-archive\",\n \"class\": \"application/java-vm\",\n \"js\": \"application/javascript\",\n \"mjs\": \"application/javascript\",\n \"json\": \"application/json\",\n \"map\": \"application/json\",\n \"webmanifest\": \"application/manifest+json\",\n \"doc\": \"application/msword\",\n \"dot\": \"application/msword\",\n \"wiz\": \"application/msword\",\n \"bin\": \"application/octet-stream\",\n \"dms\": \"application/octet-stream\",\n \"lrf\": \"application/octet-stream\",\n \"mar\": \"application/octet-stream\",\n \"so\": \"application/octet-stream\",\n \"dist\": \"application/octet-stream\",\n \"distz\": \"application/octet-stream\",\n \"pkg\": \"application/octet-stream\",\n \"bpk\": \"application/octet-stream\",\n \"dump\": \"application/octet-stream\",\n \"elc\": \"application/octet-stream\",\n \"deploy\": \"application/octet-stream\",\n \"img\": \"application/octet-stream\",\n \"msp\": \"application/octet-stream\",\n \"msm\": \"application/octet-stream\",\n \"buffer\": \"application/octet-stream\",\n \"oda\": \"application/oda\",\n \"oxps\": \"application/oxps\",\n \"pdf\": \"application/pdf\",\n \"asc\": \"application/pgp-signature\",\n \"sig\": \"application/pgp-signature\",\n \"prf\": \"application/pics-rules\",\n \"p7c\": \"application/pkcs7-mime\",\n \"cer\": \"application/pkix-cert\",\n \"ai\": \"application/postscript\",\n \"eps\": \"application/postscript\",\n \"ps\": \"application/postscript\",\n \"apk\": \"application/vnd.android.package-archive\",\n \"m3u8\": \"application/vnd.apple.mpegurl\",\n \"pkpass\": \"application/vnd.apple.pkpass\",\n \"kml\": \"application/vnd.google-earth.kml+xml\",\n \"kmz\": \"application/vnd.google-earth.kmz\",\n \"cab\": \"application/vnd.ms-cab-compressed\",\n \"xls\": \"application/vnd.ms-excel\",\n \"xlm\": \"application/vnd.ms-excel\",\n \"xla\": \"application/vnd.ms-excel\",\n \"xlc\": \"application/vnd.ms-excel\",\n \"xlt\": \"application/vnd.ms-excel\",\n \"xlw\": \"application/vnd.ms-excel\",\n \"msg\": \"application/vnd.ms-outlook\",\n \"ppt\": \"application/vnd.ms-powerpoint\",\n \"pot\": \"application/vnd.ms-powerpoint\",\n \"ppa\": \"application/vnd.ms-powerpoint\",\n \"pps\": \"application/vnd.ms-powerpoint\",\n \"pwz\": \"application/vnd.ms-powerpoint\",\n \"mpp\": \"application/vnd.ms-project\",\n \"mpt\": \"application/vnd.ms-project\",\n \"xps\": \"application/vnd.ms-xpsdocument\",\n \"odb\": \"application/vnd.oasis.opendocument.database\",\n \"ods\": \"application/vnd.oasis.opendocument.spreadsheet\",\n \"odt\": \"application/vnd.oasis.opendocument.text\",\n \"osm\": \"application/vnd.openstreetmap.data+xml\",\n \"pptx\": \"application/vnd.openxmlformats-officedocument.presentationml.presentation\",\n \"xlsx\": \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n \"docx\": \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n \"pcap\": \"application/vnd.tcpdump.pcap\",\n \"cap\": \"application/vnd.tcpdump.pcap\",\n \"dmp\": \"application/vnd.tcpdump.pcap\",\n \"wpd\": \"application/vnd.wordperfect\",\n \"wasm\": \"application/wasm\",\n \"7z\": \"application/x-7z-compressed\",\n \"dmg\": \"application/x-apple-diskimage\",\n \"bcpio\": \"application/x-bcpio\",\n \"torrent\": \"application/x-bittorrent\",\n \"cbr\": \"application/x-cbr\",\n \"cba\": \"application/x-cbr\",\n \"cbt\": \"application/x-cbr\",\n \"cbz\": \"application/x-cbr\",\n \"cb7\": \"application/x-cbr\",\n \"vcd\": \"application/x-cdlink\",\n \"crx\": \"application/x-chrome-extension\",\n \"cpio\": \"application/x-cpio\",\n \"csh\": \"application/x-csh\",\n \"deb\": \"application/x-debian-package\",\n \"udeb\": \"application/x-debian-package\",\n \"dvi\": \"application/x-dvi\",\n \"arc\": \"application/x-freearc\",\n \"gtar\": \"application/x-gtar\",\n \"hdf\": \"application/x-hdf\",\n \"h5\": \"application/x-hdf5\",\n \"php\": \"application/x-httpd-php\",\n \"iso\": \"application/x-iso9660-image\",\n \"key\": \"application/x-iwork-keynote-sffkey\",\n \"numbers\": \"application/x-iwork-numbers-sffnumbers\",\n \"pages\": \"application/x-iwork-pages-sffpages\",\n \"latex\": \"application/x-latex\",\n \"run\": \"application/x-makeself\",\n \"mif\": \"application/x-mif\",\n \"lnk\": \"application/x-ms-shortcut\",\n \"mdb\": \"application/x-msaccess\",\n \"exe\": \"application/x-msdownload\",\n \"dll\": \"application/x-msdownload\",\n \"com\": \"application/x-msdownload\",\n \"bat\": \"application/x-msdownload\",\n \"msi\": \"application/x-msdownload\",\n \"pub\": \"application/x-mspublisher\",\n \"cdf\": \"application/x-netcdf\",\n \"nc\": \"application/x-netcdf\",\n \"pl\": \"application/x-perl\",\n \"pm\": \"application/x-perl\",\n \"prc\": \"application/x-pilot\",\n \"pdb\": \"application/x-pilot\",\n \"p12\": \"application/x-pkcs12\",\n \"pfx\": \"application/x-pkcs12\",\n \"ram\": \"application/x-pn-realaudio\",\n \"pyc\": \"application/x-python-code\",\n \"pyo\": \"application/x-python-code\",\n \"rar\": \"application/x-rar-compressed\",\n \"rpm\": \"application/x-redhat-package-manager\",\n \"sh\": \"application/x-sh\",\n \"shar\": \"application/x-shar\",\n \"swf\": \"application/x-shockwave-flash\",\n \"sql\": \"application/x-sql\",\n \"srt\": \"application/x-subrip\",\n \"sv4cpio\": \"application/x-sv4cpio\",\n \"sv4crc\": \"application/x-sv4crc\",\n \"gam\": \"application/x-tads\",\n \"tar\": \"application/x-tar\",\n \"tcl\": \"application/x-tcl\",\n \"tex\": \"application/x-tex\",\n \"roff\": \"application/x-troff\",\n \"t\": \"application/x-troff\",\n \"tr\": \"application/x-troff\",\n \"man\": \"application/x-troff-man\",\n \"me\": \"application/x-troff-me\",\n \"ms\": \"application/x-troff-ms\",\n \"ustar\": \"application/x-ustar\",\n \"src\": \"application/x-wais-source\",\n \"xpi\": \"application/x-xpinstall\",\n \"xhtml\": \"application/xhtml+xml\",\n \"xht\": \"application/xhtml+xml\",\n \"xsl\": \"application/xml\",\n \"rdf\": \"application/xml\",\n \"wsdl\": \"application/xml\",\n \"xpdl\": \"application/xml\",\n \"zip\": \"application/zip\",\n \"3gp\": \"audio/3gp\",\n \"3gpp\": \"audio/3gpp\",\n \"3g2\": \"audio/3gpp2\",\n \"3gpp2\": \"audio/3gpp2\",\n \"aac\": \"audio/aac\",\n \"adts\": \"audio/aac\",\n \"loas\": \"audio/aac\",\n \"ass\": \"audio/aac\",\n \"au\": \"audio/basic\",\n \"snd\": \"audio/basic\",\n \"mid\": \"audio/midi\",\n \"midi\": \"audio/midi\",\n \"kar\": \"audio/midi\",\n \"rmi\": \"audio/midi\",\n \"mpga\": \"audio/mpeg\",\n \"mp2\": \"audio/mpeg\",\n \"mp2a\": \"audio/mpeg\",\n \"mp3\": \"audio/mpeg\",\n \"m2a\": \"audio/mpeg\",\n \"m3a\": \"audio/mpeg\",\n \"oga\": \"audio/ogg\",\n \"ogg\": \"audio/ogg\",\n \"spx\": \"audio/ogg\",\n \"opus\": \"audio/opus\",\n \"aif\": \"audio/x-aiff\",\n \"aifc\": \"audio/x-aiff\",\n \"aiff\": \"audio/x-aiff\",\n \"flac\": \"audio/x-flac\",\n \"m4a\": \"audio/x-m4a\",\n \"m3u\": \"audio/x-mpegurl\",\n \"wma\": \"audio/x-ms-wma\",\n \"ra\": \"audio/x-pn-realaudio\",\n \"wav\": \"audio/x-wav\",\n \"otf\": \"font/otf\",\n \"ttf\": \"font/ttf\",\n \"woff\": \"font/woff\",\n \"woff2\": \"font/woff2\",\n \"emf\": \"image/emf\",\n \"gif\": \"image/gif\",\n \"heic\": \"image/heic\",\n \"heif\": \"image/heif\",\n \"ief\": \"image/ief\",\n \"jpeg\": \"image/jpeg\",\n \"jpg\": \"image/jpeg\",\n \"pict\": \"image/pict\",\n \"pct\": \"image/pict\",\n \"pic\": \"image/pict\",\n \"png\": \"image/png\",\n \"svg\": \"image/svg+xml\",\n \"svgz\": \"image/svg+xml\",\n \"tif\": \"image/tiff\",\n \"tiff\": \"image/tiff\",\n \"psd\": \"image/vnd.adobe.photoshop\",\n \"djvu\": \"image/vnd.djvu\",\n \"djv\": \"image/vnd.djvu\",\n \"dwg\": \"image/vnd.dwg\",\n \"dxf\": \"image/vnd.dxf\",\n \"dds\": \"image/vnd.ms-dds\",\n \"webp\": \"image/webp\",\n \"3ds\": \"image/x-3ds\",\n \"ras\": \"image/x-cmu-raster\",\n \"ico\": \"image/x-icon\",\n \"bmp\": \"image/x-ms-bmp\",\n \"pnm\": \"image/x-portable-anymap\",\n \"pbm\": \"image/x-portable-bitmap\",\n \"pgm\": \"image/x-portable-graymap\",\n \"ppm\": \"image/x-portable-pixmap\",\n \"rgb\": \"image/x-rgb\",\n \"tga\": \"image/x-tga\",\n \"xbm\": \"image/x-xbitmap\",\n \"xpm\": \"image/x-xpixmap\",\n \"xwd\": \"image/x-xwindowdump\",\n \"eml\": \"message/rfc822\",\n \"mht\": \"message/rfc822\",\n \"mhtml\": \"message/rfc822\",\n \"nws\": \"message/rfc822\",\n \"obj\": \"model/obj\",\n \"stl\": \"model/stl\",\n \"dae\": \"model/vnd.collada+xml\",\n \"ics\": \"text/calendar\",\n \"ifb\": \"text/calendar\",\n \"css\": \"text/css\",\n \"csv\": \"text/csv\",\n \"html\": \"text/html\",\n \"htm\": \"text/html\",\n \"shtml\": \"text/html\",\n \"markdown\": \"text/markdown\",\n \"md\": \"text/markdown\",\n \"txt\": \"text/plain\",\n \"text\": \"text/plain\",\n \"conf\": \"text/plain\",\n \"def\": \"text/plain\",\n \"list\": \"text/plain\",\n \"log\": \"text/plain\",\n \"in\": \"text/plain\",\n \"ini\": \"text/plain\",\n \"rtx\": \"text/richtext\",\n \"rtf\": \"text/rtf\",\n \"tsv\": \"text/tab-separated-values\",\n \"c\": \"text/x-c\",\n \"cc\": \"text/x-c\",\n \"cxx\": \"text/x-c\",\n \"cpp\": \"text/x-c\",\n \"h\": \"text/x-c\",\n \"hh\": \"text/x-c\",\n \"dic\": \"text/x-c\",\n \"java\": \"text/x-java-source\",\n \"lua\": \"text/x-lua\",\n \"py\": \"text/x-python\",\n \"etx\": \"text/x-setext\",\n \"sgm\": \"text/x-sgml\",\n \"sgml\": \"text/x-sgml\",\n \"vcf\": \"text/x-vcard\",\n \"xml\": \"text/xml\",\n \"xul\": \"text/xul\",\n \"yaml\": \"text/yaml\",\n \"yml\": \"text/yaml\",\n \"ts\": \"video/mp2t\",\n \"mp4\": \"video/mp4\",\n \"mp4v\": \"video/mp4\",\n \"mpg4\": \"video/mp4\",\n \"mpeg\": \"video/mpeg\",\n \"m1v\": \"video/mpeg\",\n \"mpa\": \"video/mpeg\",\n \"mpe\": \"video/mpeg\",\n \"mpg\": \"video/mpeg\",\n \"mov\": \"video/quicktime\",\n \"qt\": \"video/quicktime\",\n \"webm\": \"video/webm\",\n \"flv\": \"video/x-flv\",\n \"m4v\": \"video/x-m4v\",\n \"asf\": \"video/x-ms-asf\",\n \"asx\": \"video/x-ms-asf\",\n \"vob\": \"video/x-ms-vob\",\n \"wmv\": \"video/x-ms-wmv\",\n \"avi\": \"video/x-msvideo\",\n \"*\": \"video/x-sgi-movie\",\n \"kdbx\": \"application/x-keepass2\"\n }\n\n return {\n guessMimeByFilename(filename) {\n const split = filename.split('.');\n if (split.length === 1) {\n // Filename does not include suffix\n return false;\n }\n const suffix = split[split.length - 1].toLowerCase();\n return suffixToMimeMap[suffix];\n },\n addMissingMimeTypesToFiles(files) {\n // if filetype is empty guess via suffix otherwise leave unchanged\n for (let i = 0; i < files.length; i++) {\n if (!files[i].type) {\n files[i] = new File([files[i]], files[i].name, {type: mime.guessMimeByFilename(files[i].name) || \"application/octet-stream\"});\n }\n }\n return files;\n }\n };\n\n})();\n\n/*\n cyrb53 (c) 2018 bryc (github.com/bryc)\n A fast and simple hash function with decent collision resistance.\n Largely inspired by MurmurHash2/3, but with a focus on speed/simplicity.\n Public domain. Attribution appreciated.\n*/\nconst cyrb53 = function(str, seed = 0) {\n let h1 = 0xdeadbeef ^ seed, h2 = 0x41c6ce57 ^ seed;\n for (let i = 0, ch; i < str.length; i++) {\n ch = str.charCodeAt(i);\n h1 = Math.imul(h1 ^ ch, 2654435761);\n h2 = Math.imul(h2 ^ ch, 1597334677);\n }\n h1 = Math.imul(h1 ^ (h1>>>16), 2246822507) ^ Math.imul(h2 ^ (h2>>>13), 3266489909);\n h2 = Math.imul(h2 ^ (h2>>>16), 2246822507) ^ Math.imul(h1 ^ (h1>>>13), 3266489909);\n return 4294967296 * (2097151 & h2) + (h1>>>0);\n};\n\nfunction onlyUnique (value, index, array) {\n return array.indexOf(value) === index;\n}\n\nfunction getUrlWithoutArguments() {\n return `${window.location.protocol}//${window.location.host}${window.location.pathname}`;\n}\n\nfunction changeFavicon(src) {\n document.querySelector('[rel=\"icon\"]').href = src;\n document.querySelector('[rel=\"shortcut icon\"]').href = src;\n}\n\nfunction arrayBufferToBase64(buffer) {\n let binary = '';\n let bytes = new Uint8Array(buffer);\n let len = bytes.byteLength;\n for (let i = 0; i < len; i++) {\n binary += String.fromCharCode(bytes[i]);\n }\n return window.btoa( binary );\n}\n\nfunction base64ToArrayBuffer(base64) {\n let binary_string = window.atob(base64);\n let len = binary_string.length;\n let bytes = new Uint8Array(len);\n for (let i = 0; i < len; i++) {\n bytes[i] = binary_string.charCodeAt(i);\n }\n return bytes.buffer;\n}\n\nasync function fileToBlob (file) {\n return new Blob([new Uint8Array(await file.arrayBuffer())], {type: file.type});\n}\n\nfunction getThumbnailAsDataUrl(file, width = undefined, height = undefined, quality = 0.7) {\n return new Promise(async (resolve, reject) => {\n try {\n if (file.type === \"image/heif\" || file.type === \"image/heic\") {\n // hotfix: Converting heic images taken on iOS 18 crashes page. Waiting for PR #350\n reject(new Error(`Hotfix: Converting of HEIC/HEIF images currently disabled.`));\n return;\n // // browsers can't show heic files --> convert to jpeg before creating thumbnail\n // let blob = await fileToBlob(file);\n // file = await heic2any({\n // blob,\n // toType: \"image/jpeg\",\n // quality: quality\n // });\n }\n\n let imageUrl = URL.createObjectURL(file);\n\n let image = new Image();\n image.src = imageUrl;\n\n await waitUntilImageIsLoaded(imageUrl);\n\n let imageWidth = image.width;\n let imageHeight = image.height;\n let canvas = document.createElement('canvas');\n\n // resize the canvas and draw the image data into it\n if (width && height) {\n canvas.width = width;\n canvas.height = height;\n }\n else if (width) {\n canvas.width = width;\n canvas.height = Math.floor(imageHeight * width / imageWidth)\n }\n else if (height) {\n canvas.width = Math.floor(imageWidth * height / imageHeight);\n canvas.height = height;\n }\n else {\n canvas.width = imageWidth;\n canvas.height = imageHeight\n }\n\n let ctx = canvas.getContext(\"2d\");\n ctx.drawImage(image, 0, 0, canvas.width, canvas.height);\n\n let dataUrl = canvas.toDataURL(\"image/jpeg\", quality);\n resolve(dataUrl);\n } catch (e) {\n console.error(e);\n reject(new Error(`Could not create an image thumbnail from type ${file.type}`));\n }\n })\n}\n\n// Resolves returned promise when image is loaded and throws error if image cannot be shown\nfunction waitUntilImageIsLoaded(imageUrl, timeout = 10000) {\n return new Promise((resolve, reject) => {\n let image = new Image();\n image.src = imageUrl;\n\n const onLoad = () => {\n cleanup();\n resolve();\n };\n\n const onError = () => {\n cleanup();\n reject(new Error('Image failed to load.'));\n };\n\n const cleanup = () => {\n clearTimeout(timeoutId);\n image.onload = null;\n image.onerror = null;\n URL.revokeObjectURL(imageUrl);\n };\n\n const timeoutId = setTimeout(() => {\n cleanup();\n reject(new Error('Image loading timed out.'));\n }, timeout);\n\n image.onload = onLoad;\n image.onerror = onError;\n });\n}\n\nasync function decodeBase64Files(base64) {\n if (!base64) throw new Error('Base64 is empty');\n\n let bstr = atob(base64), n = bstr.length, u8arr = new Uint8Array(n);\n while (n--) {\n u8arr[n] = bstr.charCodeAt(n);\n }\n\n const zipBlob = new File([u8arr], 'archive.zip');\n\n let files = [];\n const zipEntries = await zipper.getEntries(zipBlob);\n for (let i = 0; i < zipEntries.length; i++) {\n let fileBlob = await zipper.getData(zipEntries[i]);\n files.push(new File([fileBlob], zipEntries[i].filename));\n }\n return files\n}\n\nasync function decodeBase64Text(base64) {\n if (!base64) throw new Error('Base64 is empty');\n\n return decodeURIComponent(escape(window.atob(base64)))\n}\n\nfunction isUrlValid(url) {\n try {\n new URL(url);\n return true;\n }\n catch (e) {\n return false;\n }\n}"
},
{
"path": "public/scripts/worker/canvas-worker.js",
"content": "self.onmessage = (e) => {\n switch (e.data.type) {\n case \"createCanvas\": createCanvas(e.data);\n break;\n case \"initCanvas\": initCanvas(e.data.footerOffsetHeight, e.data.clientWidth, e.data.clientHeight);\n break;\n case \"startAnimation\": startAnimation();\n break;\n case \"onShareModeChange\": onShareModeChange(e.data.active);\n break;\n case \"switchAnimation\": switchAnimation(e.data.animate);\n break;\n }\n};\n\nlet baseColorNormal;\nlet baseColorShareMode;\nlet baseOpacityNormal;\nlet baseOpacityShareMode;\nlet speed;\nlet fps;\n\nlet c;\nlet cCtx;\n\nlet x0, y0, w, h, dw, offset;\n\nlet startTime;\nlet animate = true;\nlet currentFrame = 0;\nlet lastFrame;\nlet baseColor;\nlet baseOpacity;\n\nfunction createCanvas(data) {\n baseColorNormal = data.baseColorNormal;\n baseColorShareMode = data.baseColorShareMode;\n baseOpacityNormal = data.baseOpacityNormal;\n baseOpacityShareMode = data.baseOpacityShareMode;\n speed = data.speed;\n fps = data.fps;\n\n c = data.canvas;\n cCtx = c.getContext(\"2d\");\n\n lastFrame = fps / speed - 1;\n baseColor = baseColorNormal;\n baseOpacity = baseOpacityNormal;\n}\n\nfunction initCanvas(footerOffsetHeight, clientWidth, clientHeight) {\n let oldW = w;\n let oldH = h;\n let oldOffset = offset;\n w = clientWidth;\n h = clientHeight;\n offset = footerOffsetHeight - 28;\n\n if (oldW === w && oldH === h && oldOffset === offset) return; // nothing has changed\n\n c.width = w;\n c.height = h;\n x0 = w / 2;\n y0 = h - offset;\n dw = Math.round(Math.min(Math.max(0.6 * w, h)) / 10);\n\n drawFrame(currentFrame);\n}\n\nfunction startAnimation() {\n startTime = Date.now();\n animateBg();\n}\n\nfunction switchAnimation(state) {\n if (!animate && state) {\n // animation starts again. Set startTime to specific value to prevent frame jump\n startTime = Date.now() - 1000 * currentFrame / fps;\n }\n animate = state;\n requestAnimationFrame(animateBg);\n}\n\nfunction onShareModeChange(active) {\n baseColor = active ? baseColorShareMode : baseColorNormal;\n baseOpacity = active ? baseOpacityShareMode : baseOpacityNormal;\n drawFrame(currentFrame);\n}\n\nfunction drawCircle(ctx, radius) {\n ctx.lineWidth = 2;\n\n let opacity = Math.max(0, baseOpacity * (1 - 1.2 * radius / Math.max(w, h)));\n if (radius > dw * 7) {\n opacity *= (8 * dw - radius) / dw\n }\n\n if (ctx.setStrokeColor) {\n // older blink/webkit based browsers do not understand opacity in strokeStyle. Use deprecated setStrokeColor instead\n // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/strokeStyle#webkitblink-specific_note\n ctx.setStrokeColor(\"grey\", opacity);\n }\n else {\n ctx.strokeStyle = `rgb(${baseColor} / ${opacity})`;\n }\n ctx.beginPath();\n ctx.arc(x0, y0, radius, 0, 2 * Math.PI);\n ctx.stroke();\n}\n\nfunction drawCircles(ctx, frame) {\n ctx.clearRect(0, 0, w, h);\n for (let i = 7; i >= 0; i--) {\n drawCircle(ctx, dw * i + speed * dw * frame / fps + 33);\n }\n}\n\nfunction drawFrame(frame) {\n cCtx.clearRect(0, 0, w, h);\n drawCircles(cCtx, frame);\n}\n\nfunction animateBg() {\n let now = Date.now();\n\n if (!animate && currentFrame === lastFrame) {\n // Animation stopped and cycle finished -> stop drawing frames\n return;\n }\n\n let timeSinceLastFullCycle = (now - startTime) % (1000 / speed);\n let nextFrame = Math.trunc(fps * timeSinceLastFullCycle / 1000);\n\n // Only draw frame if it differs from current frame\n if (nextFrame !== currentFrame) {\n drawFrame(nextFrame);\n currentFrame = nextFrame;\n }\n\n requestAnimationFrame(animateBg);\n}"
},
{
"path": "public/service-worker.js",
"content": "const cacheVersion = 'v1.11.2';\nconst cacheTitle = `pairdrop-cache-${cacheVersion}`;\nconst relativePathsToCache = [\n './',\n 'index.html',\n 'manifest.json',\n 'styles/styles-main.css',\n 'styles/styles-deferred.css',\n 'scripts/browser-tabs-connector.js',\n 'scripts/localization.js',\n 'scripts/main.js',\n 'scripts/network.js',\n 'scripts/persistent-storage.js',\n 'scripts/ui.js',\n 'scripts/ui-main.js',\n 'scripts/util.js',\n 'scripts/worker/canvas-worker.js',\n 'scripts/libs/heic2any.min.js',\n 'scripts/libs/no-sleep.min.js',\n 'scripts/libs/qr-code.min.js',\n 'scripts/libs/zip.min.js',\n 'sounds/blop.mp3',\n 'sounds/blop.ogg',\n 'images/favicon-96x96.png',\n 'images/favicon-96x96-notification.png',\n 'images/android-chrome-192x192.png',\n 'images/android-chrome-192x192-maskable.png',\n 'images/android-chrome-512x512.png',\n 'images/android-chrome-512x512-maskable.png',\n 'images/apple-touch-icon.png',\n 'fonts/OpenSans/static/OpenSans-Medium.ttf',\n 'lang/ar.json',\n 'lang/be.json',\n 'lang/bg.json',\n 'lang/ca.json',\n 'lang/cs.json',\n 'lang/da.json',\n 'lang/de.json',\n 'lang/en.json',\n 'lang/es.json',\n 'lang/et.json',\n 'lang/eu.json',\n 'lang/fa.json',\n 'lang/fr.json',\n 'lang/he.json',\n 'lang/hu.json',\n 'lang/id.json',\n 'lang/it.json',\n 'lang/ja.json',\n 'lang/kn.json',\n 'lang/ko.json',\n 'lang/nb.json',\n 'lang/nl.json',\n 'lang/nn.json',\n 'lang/pl.json',\n 'lang/pt-BR.json',\n 'lang/ro.json',\n 'lang/ru.json',\n 'lang/sk.json',\n 'lang/ta.json',\n 'lang/tr.json',\n 'lang/uk.json',\n 'lang/zh-CN.json',\n 'lang/zh-HK.json',\n 'lang/zh-TW.json'\n];\nconst relativePathsNotToCache = [\n 'config'\n]\n\nself.addEventListener('install', function(event) {\n // Perform install steps\n console.log(\"Cache files for sw:\", cacheVersion);\n event.waitUntil(\n caches.open(cacheTitle)\n .then(function(cache) {\n return cache\n .addAll(relativePathsToCache)\n .then(_ => {\n console.log('All files cached for sw:', cacheVersion);\n self.skipWaiting();\n });\n })\n );\n});\n\n// fetch the resource from the network\nconst fromNetwork = (request, timeout) =>\n new Promise((resolve, reject) => {\n const timeoutId = setTimeout(reject, timeout);\n fetch(request, {cache: \"no-store\"})\n .then(response => {\n if (response.redirected) {\n throw new Error(\"Fetch is redirect. Abort usage and cache!\");\n }\n\n clearTimeout(timeoutId);\n resolve(response);\n\n // Prevent requests that are in relativePathsNotToCache from being cached\n if (doNotCacheRequest(request)) return;\n\n updateCache(request)\n .then(() => console.log(\"Cache successfully updated for\", request.url))\n .catch(err => console.log(\"Cache could not be updated for\", request.url, err));\n })\n .catch(error => {\n // Handle any errors that occurred during the fetch\n console.error(`Could not fetch ${request.url}.`);\n reject(error);\n });\n });\n\n// fetch the resource from the browser cache\nconst fromCache = request =>\n caches\n .open(cacheTitle)\n .then(cache =>\n cache.match(request)\n );\n\nconst rootUrl = location.href.substring(0, location.href.length - \"service-worker.js\".length);\nconst rootUrlLength = rootUrl.length;\n\nconst doNotCacheRequest = request => {\n const requestRelativePath = request.url.substring(rootUrlLength);\n return relativePathsNotToCache.indexOf(requestRelativePath) !== -1\n};\n\n// cache the current page to make it available for offline\nconst updateCache = request => new Promise((resolve, reject) => {\n caches\n .open(cacheTitle)\n .then(cache =>\n fetch(request, {cache: \"no-store\"})\n .then(response => {\n if (response.redirected) {\n throw new Error(\"Fetch is redirect. Abort usage and cache!\");\n }\n\n cache\n .put(request, response)\n .then(() => resolve());\n })\n .catch(reason => reject(reason))\n );\n});\n\n// general strategy when making a request:\n// 1. Try to retrieve file from cache\n// 2. If cache is not available: Fetch from network and update cache.\n// This way, cached files are only updated if the cacheVersion is changed\nself.addEventListener('fetch', function(event) {\n const swOrigin = new URL(self.location.href).origin;\n const requestOrigin = new URL(event.request.url).origin;\n\n if (swOrigin !== requestOrigin) {\n // Do not handle requests from other origin\n event.respondWith(fetch(event.request));\n }\n else if (event.request.method === \"POST\") {\n // Requests related to Web Share Target.\n event.respondWith((async () => {\n const share_url = await evaluateRequestData(event.request);\n return Response.redirect(encodeURI(share_url), 302);\n })());\n }\n else {\n // Regular requests not related to Web Share Target:\n // If request is excluded from cache -> respondWith fromNetwork\n // else -> try fromCache first\n event.respondWith(\n doNotCacheRequest(event.request)\n ? fromNetwork(event.request, 10000)\n : fromCache(event.request)\n .then(rsp => {\n // if fromCache resolves to undefined fetch from network instead\n if (!rsp) {\n throw new Error(\"No match found.\");\n }\n return rsp;\n })\n .catch(error => {\n console.error(\"Could not retrieve request from cache:\", event.request.url, error);\n return fromNetwork(event.request, 10000);\n })\n );\n }\n});\n\n\n// on activation, we clean up the previously registered service workers\nself.addEventListener('activate', evt => {\n console.log(\"Activate sw:\", cacheVersion);\n evt.waitUntil(clients.claim());\n return evt.waitUntil(\n caches\n .keys()\n .then(cacheNames => {\n return Promise.all(\n cacheNames.map(cacheName => {\n if (cacheName !== cacheTitle) {\n console.log(\"Delete cache:\", cacheName);\n return caches.delete(cacheName);\n }\n })\n );\n })\n )\n});\n\nconst evaluateRequestData = function (request) {\n return new Promise(async (resolve) => {\n const formData = await request.formData();\n const title = formData.get(\"title\");\n const text = formData.get(\"text\");\n const url = formData.get(\"url\");\n const files = formData.getAll(\"allfiles\");\n\n const pairDropUrl = request.url;\n\n if (files && files.length > 0) {\n let fileObjects = [];\n for (let i=0; i