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

78 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
feat: Add support for multiple file transfers Enhances the web application to allow users to upload and download multiple files simultaneously using WebTorrent. Updates UI and messages to reflect support for multiple files. Adjusts progress indicators for batch file transfers and updates mnemonic generation logic for compatibility. Bumps application version to 0.1.0 for feature release.
2024-12-18 16:13:43 +00:00
select one or multiple files and share the generated URL with the
recipient. The recipient can then download the file by entering the
mnemonic.
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
</p>
<p>
The files are shared using WebTorrent, a peer-to-peer file sharing
feat: Add support for multiple file transfers Enhances the web application to allow users to upload and download multiple files simultaneously using WebTorrent. Updates UI and messages to reflect support for multiple files. Adjusts progress indicators for batch file transfers and updates mnemonic generation logic for compatibility. Bumps application version to 0.1.0 for feature release.
2024-12-18 16:13:43 +00:00
protocol. This means that the files are not stored on a central server
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
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">
fix: Update UI text for file sharing and receiving Clarifies that users can share or receive multiple files by updating section headers to "File(s)". Enhances user understanding of multi-file capabilities.
2024-12-18 17:22:24 +00:00
<h2>Share File(s)</h2>
feat: Add support for multiple file transfers Enhances the web application to allow users to upload and download multiple files simultaneously using WebTorrent. Updates UI and messages to reflect support for multiple files. Adjusts progress indicators for batch file transfers and updates mnemonic generation logic for compatibility. Bumps application version to 0.1.0 for feature release.
2024-12-18 16:13:43 +00:00
<input type="file" id="fileInput" multiple />
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 support for multiple file transfers Enhances the web application to allow users to upload and download multiple files simultaneously using WebTorrent. Updates UI and messages to reflect support for multiple files. Adjusts progress indicators for batch file transfers and updates mnemonic generation logic for compatibility. Bumps application version to 0.1.0 for feature release.
2024-12-18 16:13:43 +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">
fix: Update UI text for file sharing and receiving Clarifies that users can share or receive multiple files by updating section headers to "File(s)". Enhances user understanding of multi-file capabilities.
2024-12-18 17:22:24 +00:00
<h2>Receive File(s)</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: Add support for multiple file transfers Enhances the web application to allow users to upload and download multiple files simultaneously using WebTorrent. Updates UI and messages to reflect support for multiple files. Adjusts progress indicators for batch file transfers and updates mnemonic generation logic for compatibility. Bumps application version to 0.1.0 for feature release.
2024-12-18 16:13:43 +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