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

77 lines
3 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" />
refactor: reorganize assets to dist directory Moved JavaScript and other assets to a 'dist' directory for better project structure. Updated script paths in views accordingly. This change helps in maintaining a cleaner and more organized directory structure, facilitating easier asset management and potentially improving build processes.
2024-06-15 14:44:42 +00:00
<script src="dist/js/webtorrent.min.js"></script>
feat: add favicon to index.ejs Included a link to the favicon in the HTML head to enhance user experience by displaying the website logo in browser tabs. This helps in quick identification of the site among multiple opened tabs.
2024-06-15 14:39:16 +00:00
<link rel="icon" type="image/png" href="/img/logo.png" />
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">
feat(ui): Add logo and header styling enhancements Included the Transfer.coffee logo to enhance branding and updated header styles for improved visual appeal. Adjusted overall layout to center elements and ensure consistent presentation across the app.
2024-06-15 14:38:03 +00:00
<header>
refactor: reorganize assets to dist directory Moved JavaScript and other assets to a 'dist' directory for better project structure. Updated script paths in views accordingly. This change helps in maintaining a cleaner and more organized directory structure, facilitating easier asset management and potentially improving build processes.
2024-06-15 14:44:42 +00:00
<a href="/" class="home"
><img src="/img/logo.png" alt="Transfer.coffee Logo" class="logo"
/></a>
feat(ui): Add logo and header styling enhancements Included the Transfer.coffee logo to enhance branding and updated header styles for improved visual appeal. Adjusted overall layout to center elements and ensure consistent presentation across the app.
2024-06-15 14:38:03 +00:00
<a href="/"><h1>Transfer.coffee</h1></a>
</header>
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" />
feat: improve security and error handling in app - Added `helmet` middleware for enhanced security with CSP. - Integrated `dotenv` for configuration management. - Added validation and error handling for mnemonic and infoHash. - Improved error handling in TURN credentials generation. - Enhanced notification and progress feedback for file sharing. - Added tracker server config validation and error handling. - Updated dependencies to include `helmet` and `dotenv`. These changes improve the app's security, robustness, and user experience.
2024-06-24 08:40:32 +00:00
<button id="uploadButton">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"
>
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: improve security and error handling in app - Added `helmet` middleware for enhanced security with CSP. - Integrated `dotenv` for configuration management. - Added validation and error handling for mnemonic and infoHash. - Improved error handling in TURN credentials generation. - Enhanced notification and progress feedback for file sharing. - Added tracker server config validation and error handling. - Updated dependencies to include `helmet` and `dotenv`. These changes improve the app's security, robustness, and user experience.
2024-06-24 08:40:32 +00:00
<button id="downloadButton">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>
docs: update project attribution and links in index.ejs Improved the attribution for Transfer.coffee by highlighting Private.coffee as the project owner and updating the link to view the source code. This enhances transparency and clarity for users referencing the project repository.
2024-06-15 14:22:46 +00:00
Transfer.coffee is an open source project by
<a href="https://private.coffee">Private.coffee</a>. You can view the
source code on
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
<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 security and error handling in app - Added `helmet` middleware for enhanced security with CSP. - Integrated `dotenv` for configuration management. - Added validation and error handling for mnemonic and infoHash. - Improved error handling in TURN credentials generation. - Enhanced notification and progress feedback for file sharing. - Added tracker server config validation and error handling. - Updated dependencies to include `helmet` and `dotenv`. These changes improve the app's security, robustness, and user experience.
2024-06-24 08:40:32 +00:00
<div id="config" data-tracker-url="<%= trackerUrl %>" data-mnemonic="<%= mnemonic %>" style="display: none;"></div>
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