PrivateCoffee/transfer.coffee
4
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
transfer.coffee/views/index.ejs

73 lines
2.7 KiB
Text
Raw Normal View History

feat: add initial WebTorrent-based file transfer app - Initialize new Express application for file transfer using WebTorrent. - Set up routes for generating and retrieving mnemonics and info hashes. - Implement custom BitTorrent tracker server with WebSockets. - Add `.gitignore` to exclude `node_modules/`. - Create `index.ejs` for front-end with file upload and download functionalities. - Initialize `package.json` and `package-lock.json` with necessary dependencies.
2024-06-14 14:57:55 +00:00
<!DOCTYPE html>
<html>
<head>
<title>Transfer.coffee</title>
feat(ui): separate CSS and JS into external files Moved inline CSS from index.ejs to a new style.css file for cleaner structure and maintainability. Extracted embedded JavaScript to index.js to streamline HTML and enhance script manageability. Benefits: - Improved readability and organization of HTML - Easier maintenance and updates for CSS and JS - Potential for CSS and JS caching, improving load times No functional changes were made. Refactors existing code for better practices.
2024-06-14 15:53:35 +00:00
<link rel="stylesheet" href="/css/style.css" />
Revert "feat: add minified WebTorrent script" This reverts commit ac0cce0894d760242406f7ad9dc4bd56ad15705c.
2024-06-14 15:58:08 +00:00
<script src="/js/webtorrent.min.js"></script>
feat: add initial WebTorrent-based file transfer app - Initialize new Express application for file transfer using WebTorrent. - Set up routes for generating and retrieving mnemonics and info hashes. - Implement custom BitTorrent tracker server with WebSockets. - Add `.gitignore` to exclude `node_modules/`. - Create `index.ejs` for front-end with file upload and download functionalities. - Initialize `package.json` and `package-lock.json` with necessary dependencies.
2024-06-14 14:57:55 +00:00
</head>
<body>
<div class="container">
<h1>Transfer.coffee</h1>
feat: Add intro and footer to index.ejs Enhanced the user interface by adding introductory information and an 'About' section to explain Transfer.coffee's functionality and WebTorrent usage. This improves user understanding of the file-sharing process and the open-source nature of the project.
2024-06-15 12:49:50 +00:00
<div class="section" id="intro">
<p>
Transfer.coffee is a simple way to share files between devices. Just
select a file and share the generated URL with the recipient. The
recipient can then download the file by entering the mnemonic.
</p>
<p>
The files are shared using WebTorrent, a peer-to-peer file sharing
protocol. This means that the file is not stored on a central server
and is instead shared directly between the sender and the recipient.
</p>
</div>
feat: improve upload feedback and peer tracking Enhanced the file upload feature by replacing the progress bar with a dynamic stats display showing the total amount uploaded and number of peers. Also introduced better differentiation between upload and download sections, improving UI clarity. Added a utility function for generating peer ID hashes. Refactoring ensures users can more easily monitor file sharing progress and understand network interactions.
2024-06-15 07:27:23 +00:00
<div class="section" id="uploadSection">
feat(ui): update file transfer terminology Changed 'Upload File' to 'Share File' to better reflect the functionality and improve user guidance. Added explanatory note informing users that the file will remain available as long as the page is open.
2024-06-14 15:34:36 +00:00
<h2>Share File</h2>
feat: add initial WebTorrent-based file transfer app - Initialize new Express application for file transfer using WebTorrent. - Set up routes for generating and retrieving mnemonics and info hashes. - Implement custom BitTorrent tracker server with WebSockets. - Add `.gitignore` to exclude `node_modules/`. - Create `index.ejs` for front-end with file upload and download functionalities. - Initialize `package.json` and `package-lock.json` with necessary dependencies.
2024-06-14 14:57:55 +00:00
<input type="file" id="fileInput" />
fix(view): add ID to upload button for easier access Added an ID to the upload button in the file sharing section to facilitate easier DOM manipulation and element targeting. This enhancement ensures more robust and maintainable code, critical for future updates and potential automation tasks.
2024-06-15 12:53:51 +00:00
<button id="uploadButton" onclick="uploadFile()">Share</button>
feat: add initial WebTorrent-based file transfer app - Initialize new Express application for file transfer using WebTorrent. - Set up routes for generating and retrieving mnemonics and info hashes. - Implement custom BitTorrent tracker server with WebSockets. - Add `.gitignore` to exclude `node_modules/`. - Create `index.ejs` for front-end with file upload and download functionalities. - Initialize `package.json` and `package-lock.json` with necessary dependencies.
2024-06-14 14:57:55 +00:00
<div class="result" id="uploadResult"></div>
feat: improve upload feedback and peer tracking Enhanced the file upload feature by replacing the progress bar with a dynamic stats display showing the total amount uploaded and number of peers. Also introduced better differentiation between upload and download sections, improving UI clarity. Added a utility function for generating peer ID hashes. Refactoring ensures users can more easily monitor file sharing progress and understand network interactions.
2024-06-15 07:27:23 +00:00
<div class="result" id="uploadStats"></div>
feat: Add intro and footer to index.ejs Enhanced the user interface by adding introductory information and an 'About' section to explain Transfer.coffee's functionality and WebTorrent usage. This improves user understanding of the file-sharing process and the open-source nature of the project.
2024-06-15 12:49:50 +00:00
<button
id="copyButton"
style="display: none"
onclick="copyToClipboard()"
>
Copy URL
</button>
feat: add initial WebTorrent-based file transfer app - Initialize new Express application for file transfer using WebTorrent. - Set up routes for generating and retrieving mnemonics and info hashes. - Implement custom BitTorrent tracker server with WebSockets. - Add `.gitignore` to exclude `node_modules/`. - Create `index.ejs` for front-end with file upload and download functionalities. - Initialize `package.json` and `package-lock.json` with necessary dependencies.
2024-06-14 14:57:55 +00:00
</div>
feat: improve upload feedback and peer tracking Enhanced the file upload feature by replacing the progress bar with a dynamic stats display showing the total amount uploaded and number of peers. Also introduced better differentiation between upload and download sections, improving UI clarity. Added a utility function for generating peer ID hashes. Refactoring ensures users can more easily monitor file sharing progress and understand network interactions.
2024-06-15 07:27:23 +00:00
<div class="section" id="downloadSection">
feat: add STUN/TURN server support and environment config - Extended .gitignore to exclude .env files containing sensitive info. - Imported `crypto` module and added route to generate TURN credentials. - Enhanced upload/download functionality to use STUN/TURN servers. - Improved UI text for upload/download scenarios for clarity. - Added fetching of TURN credentials in the client to enable P2P connections. These changes improve file sharing reliability by providing fallbacks for network traversal.
2024-06-14 16:32:51 +00:00
<h2>Receive File</h2>
feat: add initial WebTorrent-based file transfer app - Initialize new Express application for file transfer using WebTorrent. - Set up routes for generating and retrieving mnemonics and info hashes. - Implement custom BitTorrent tracker server with WebSockets. - Add `.gitignore` to exclude `node_modules/`. - Create `index.ejs` for front-end with file upload and download functionalities. - Initialize `package.json` and `package-lock.json` with necessary dependencies.
2024-06-14 14:57:55 +00:00
<input type="text" id="mnemonicInput" placeholder="Enter mnemonic" />
feat: enhance file transfer and improve user experience - Standardized quote style across all files to be consistent - Added functionality to generate TURN credentials dynamically - Improved UI feedback for upload and download processes - Introduced a copy URL button for easier sharing - Implemented progress feedback during file download - Disabled buttons during ongoing operations to prevent duplicate actions - Ensured default mnemonic handling for smoother user interaction These changes enhance the reliability and usability of file transfers.
2024-06-15 12:41:39 +00:00
<button id="downloadButton" onclick="downloadFile()">Receive</button>
feat: add initial WebTorrent-based file transfer app - Initialize new Express application for file transfer using WebTorrent. - Set up routes for generating and retrieving mnemonics and info hashes. - Implement custom BitTorrent tracker server with WebSockets. - Add `.gitignore` to exclude `node_modules/`. - Create `index.ejs` for front-end with file upload and download functionalities. - Initialize `package.json` and `package-lock.json` with necessary dependencies.
2024-06-14 14:57:55 +00:00
<div class="progress" id="downloadProgress">
<div class="progress-bar" id="downloadProgressBar">0%</div>
</div>
<div class="result" id="downloadResult"></div>
feat: enhance file transfer and improve user experience - Standardized quote style across all files to be consistent - Added functionality to generate TURN credentials dynamically - Improved UI feedback for upload and download processes - Introduced a copy URL button for easier sharing - Implemented progress feedback during file download - Disabled buttons during ongoing operations to prevent duplicate actions - Ensured default mnemonic handling for smoother user interaction These changes enhance the reliability and usability of file transfers.
2024-06-15 12:41:39 +00:00
<div class="result" id="downloadStats"></div>
feat: Add intro and footer to index.ejs Enhanced the user interface by adding introductory information and an 'About' section to explain Transfer.coffee's functionality and WebTorrent usage. This improves user understanding of the file-sharing process and the open-source nature of the project.
2024-06-15 12:49:50 +00:00
</div>
<div class="section" id="footer">
<h2>About</h2>
<p>
All files are transferred using WebTorrent. This means that the file
is not stored on a central server and is instead shared directly
between the sender and the recipient. Note that this means that the IP
addresses of the sender and recipient may be exposed to each other.
Files are only available for download as long as someone is seeding
them, i.e. as long as someone with a full copy of the file keeps the
page open.
</p>
<p>
Transfer.coffee is open source. You can view the source code on
<a href="https://git.private.coffee/PrivateCoffee/transfer.coffee">
Private.coffee Git</a
>.
</p>
feat: add initial WebTorrent-based file transfer app - Initialize new Express application for file transfer using WebTorrent. - Set up routes for generating and retrieving mnemonics and info hashes. - Implement custom BitTorrent tracker server with WebSockets. - Add `.gitignore` to exclude `node_modules/`. - Create `index.ejs` for front-end with file upload and download functionalities. - Initialize `package.json` and `package-lock.json` with necessary dependencies.
2024-06-14 14:57:55 +00:00
</div>
</div>
feat: improve upload feedback and peer tracking Enhanced the file upload feature by replacing the progress bar with a dynamic stats display showing the total amount uploaded and number of peers. Also introduced better differentiation between upload and download sections, improving UI clarity. Added a utility function for generating peer ID hashes. Refactoring ensures users can more easily monitor file sharing progress and understand network interactions.
2024-06-15 07:27:23 +00:00
<script>
const trackerUrl = "<%= trackerUrl %>";
refactor: remove redundant root route and streamline mnemonic rendering Eliminated the redundant root route definition to avoid unnecessary rendering of the index page from the server side. Streamlined the client-side rendering of the mnemonic variable in the index.ejs file to always define the mnemonic constant. Enhances maintainability and reduces potential errors related to undefined variables.
2024-06-15 13:03:33 +00:00
const mnemonic = "<%= mnemonic %>";
feat: improve upload feedback and peer tracking Enhanced the file upload feature by replacing the progress bar with a dynamic stats display showing the total amount uploaded and number of peers. Also introduced better differentiation between upload and download sections, improving UI clarity. Added a utility function for generating peer ID hashes. Refactoring ensures users can more easily monitor file sharing progress and understand network interactions.
2024-06-15 07:27:23 +00:00
</script>
feat(ui): separate CSS and JS into external files Moved inline CSS from index.ejs to a new style.css file for cleaner structure and maintainability. Extracted embedded JavaScript to index.js to streamline HTML and enhance script manageability. Benefits: - Improved readability and organization of HTML - Easier maintenance and updates for CSS and JS - Potential for CSS and JS caching, improving load times No functional changes were made. Refactors existing code for better practices.
2024-06-14 15:53:35 +00:00
<script src="/js/index.js"></script>
feat: add initial WebTorrent-based file transfer app - Initialize new Express application for file transfer using WebTorrent. - Set up routes for generating and retrieving mnemonics and info hashes. - Implement custom BitTorrent tracker server with WebSockets. - Add `.gitignore` to exclude `node_modules/`. - Create `index.ejs` for front-end with file upload and download functionalities. - Initialize `package.json` and `package-lock.json` with necessary dependencies.
2024-06-14 14:57:55 +00:00
</body>
</html>
Reference in a new issue Copy permalink