transfer.coffee/views/index.ejs

<!DOCTYPE html>
<html>
  <head>
    <title>Transfer.coffee</title>
    <link rel="stylesheet" href="/css/style.css" />
    <script src="/js/webtorrent.min.js"></script>
  </head>
  <body>
    <div class="container">
      <h1>Transfer.coffee</h1>
      <div class="section" id="uploadSection">
        <h2>Share File</h2>
        <input type="file" id="fileInput" />
        <button onclick="uploadFile()">Share</button>
        <div class="result" id="uploadResult"></div>
        <div class="result" id="uploadStats"></div>
        <button id="copyButton" style="display: none;" onclick="copyToClipboard()">Copy URL</button>
      </div>
      <div class="section" id="downloadSection">
        <h2>Receive File</h2>
        <input type="text" id="mnemonicInput" placeholder="Enter mnemonic" />
        <button id="downloadButton" onclick="downloadFile()">Receive</button>
        <div class="progress" id="downloadProgress">
          <div class="progress-bar" id="downloadProgressBar">0%</div>
        </div>
        <div class="result" id="downloadResult"></div>
        <div class="result" id="downloadStats"></div>

      </div>
    </div>
    <script>
      const trackerUrl = "<%= trackerUrl %>";
      <% if (typeof mnemonic !== 'undefined') { %>
        const mnemonic = "<%= mnemonic %>";
      <% } %>
    </script>
    <script src="/js/index.js"></script>
  </body>
</html>
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: 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(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			`<button 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: 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="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 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 %>";`
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			`<% if (typeof mnemonic !== 'undefined') { %>`
			`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>`