- Introduced a new QRScanner component to facilitate QR code scanning
within the application.
- Integrated QR code scanning capabilities into the SendDialog.vue,
allowing users to scan QR codes for payment destinations.
- Updated package.json and package-lock.json to include the qr-scanner
library for QR code processing.
- Enhanced user experience by providing visual feedback and error
handling during the scanning process.
These changes improve the payment workflow by enabling users to easily
scan QR codes for transactions.
Enhance QR code interaction in ReceiveDialog.vue
- Updated the QR code display to include a clickable area that allows
users to copy the invoice directly to the clipboard.
- Added a descriptive message below the QR code to inform users about
the copy functionality, improving usability and accessibility.
These changes enhance the user experience by making it easier to
interact with the QR code for invoice management.
Fix QR scanner loading state condition and remove unused video element
reference
- Updated the loading state condition in qr-scanner.vue to check for
camera permission correctly.
- Removed the unused videoElement reference in useQRScanner.ts to clean
up the code.
These changes improve the functionality and clarity of the QR scanner
component.
- Removed unused tab components and associated state management to simplify the codebase.
- Improved button and QR code display elements for better interaction and visibility.
- Adjusted layout for transaction history to enhance readability and organization.
- Cleaned up commented-out code and unnecessary variables, improving overall code clarity.
These changes contribute to a more efficient and user-friendly wallet interface.
- Increased the size of the QR code display elements to enhance visibility and user interaction.
- Adjusted the layout to maintain consistency across different screen sizes, ensuring a better user experience.
These changes contribute to a more visually appealing and functional wallet interface.
- Adjusted spacing and padding in the WalletPage layout for better visual consistency across different screen sizes.
- Updated text sizes and button dimensions to enhance readability and usability.
- Improved the structure of transaction and address sections for a more organized presentation of information.
- Enhanced QR code display and interaction elements for better user experience.
These changes streamline the user interface, making it more intuitive and visually appealing.
- Updated README.md to include new capabilities for Lightning invoice creation, smart payment scanning, universal payment support, and smart amount fields.
- Enhanced wallet-module documentation to reflect comprehensive Lightning Network wallet functionality, including detailed descriptions of payment processing, QR code scanning, and invoice management features.
- Added new sections for QR scanner component and payment flow architecture, improving clarity and usability for developers.
These changes provide clearer guidance on the application's features and improve the overall documentation quality.
- Closed the handleQRClick function properly by adding a closing brace, ensuring correct function definition and preventing potential runtime errors.
This change enhances the code structure and maintains the integrity of the QR code handling functionality.
- Simplified the form validation schema to always include an optional amount field, enhancing consistency across payment types.
- Updated the custom validation logic to ensure proper handling of required fields based on payment type, improving user experience.
- Adjusted the effective amount computation to default to zero when no amount is provided, ensuring accurate state management.
These changes streamline the form validation process, making it more intuitive for users while maintaining robust payment handling.
- Added a new function to normalize payment requests by stripping URI prefixes (lightning: and lnurl:) and handling BIP-21 Bitcoin URIs with Lightning fallback.
- Updated the destination parsing logic to utilize the normalization function, ensuring consistent handling of various payment formats.
- Enhanced the payment submission process by using the normalized destination for sending payments.
These changes improve the robustness of payment handling in the SendDialog, providing better support for different payment request formats.
- Added support for parsing BOLT11 invoices, LNURLs, and Lightning addresses to improve payment destination handling.
- Implemented dynamic form validation schema based on detected payment type, ensuring appropriate fields are required.
- Introduced computed properties for displaying parsed invoice details, including amount and description.
- Enhanced user feedback by conditionally rendering input fields and descriptions based on payment type.
These changes streamline the payment process by providing clearer guidance and validation for different payment methods.
- Added initialDestination prop to SendDialog for pre-filling the destination field.
- Implemented a watcher to update the destination field when initialDestination changes.
- Integrated QRScanner component into WalletPage, allowing users to scan QR codes for payment destinations.
- Updated SendDialog to accept scanned destination and improved user feedback with toast notifications.
These changes streamline the payment process by enabling QR code scanning directly within the wallet interface.
- Updated styling for various components to improve visual hierarchy and responsiveness, including adjustments to padding, font sizes, and element spacing.
- Enhanced form field labels and descriptions for better clarity and accessibility.
- Improved error message display and button sizes for a more consistent user experience.
- Refined layout for invoice details and payment status messages to ensure better readability across different screen sizes.
These changes enhance the overall user experience by providing a more polished and responsive interface for managing Bitcoin payments.
- Cleaned up the scanned result by removing the "lightning:" prefix if present before setting it in the destination field.
- Improved user feedback by ensuring only the cleaned result is processed, enhancing the overall scanning functionality.
These changes enhance the accuracy of QR code scanning results for payment destinations.
- Introduced guidelines for handling complex object reactivity in Vue, addressing common issues such as input components not updating and computed properties not recalculating.
- Provided solutions including using Object.assign for object reactivity, dynamic keys for component re-renders, and safe navigation with fallbacks.
- Included practical examples to illustrate the application of these patterns in real scenarios, enhancing developer understanding of Vue's reactivity system.
- Updated the loading state condition in qr-scanner.vue to check for camera permission correctly.
- Removed the unused videoElement reference in useQRScanner.ts to clean up the code.
These changes improve the functionality and clarity of the QR scanner component.
- Updated invoice assignment to ensure reactivity by using Object.assign, improving state management.
- Enhanced QR code generation logic to utilize either payment_request or bolt11 for better flexibility.
- Added conditional rendering for payment status messages, providing clear feedback for confirmed and failed payments.
- Improved input handling for displaying payment request and hash, ensuring accurate data representation.
These changes enhance the user experience by providing clearer feedback on payment statuses and improving invoice management functionality.
- Introduced a new QRScanner component to facilitate QR code scanning within the application.
- Integrated QR code scanning capabilities into the SendDialog.vue, allowing users to scan QR codes for payment destinations.
- Updated package.json and package-lock.json to include the qr-scanner library for QR code processing.
- Enhanced user experience by providing visual feedback and error handling during the scanning process.
These changes improve the payment workflow by enabling users to easily scan QR codes for transactions.
- Introduced computed properties in ReceiveDialog.vue to dynamically display payment status, including color coding and status text based on transaction updates.
- Updated WalletService.ts to improve payment status mapping, handling various payment states more explicitly and ensuring accurate timestamp parsing.
- Adjusted the transaction display logic to convert amounts from millisats to sats for better clarity.
These changes improve the user experience by providing real-time feedback on payment statuses and ensuring accurate transaction information.
- Updated the QR code display to include a clickable area that allows users to copy the invoice directly to the clipboard.
- Added a descriptive message below the QR code to inform users about the copy functionality, improving usability and accessibility.
These changes enhance the user experience by making it easier to interact with the QR code for invoice management.
- Updated the form to create Lightning invoices instead of LNURL addresses, changing the validation schema and input fields accordingly.
- Introduced new state management for created invoices and adjusted the submission logic to handle invoice creation.
- Enhanced the UI to display invoice details, including amount, memo, and QR code generation for the invoice.
- Removed unused components and streamlined the dialog's functionality for a more focused user experience.
These changes improve the functionality and user interface of the ReceiveDialog component, facilitating easier invoice management for Bitcoin payments.
- Added a copyToClipboard function to enable users to copy LNURL and Lightning Address directly from the wallet interface.
- Enhanced the QR code display to allow clicking for copying the LNURL.
- Introduced visual feedback with icons indicating successful copy actions.
These changes improve user experience by simplifying the process of sharing wallet information.
- Added a loading overlay to indicate account creation progress in demo mode.
- Removed the display of generated credentials and updated the success message to show the created username.
- Adjusted button text and added info text regarding automatic credential generation for improved user experience.
These changes improve the clarity and responsiveness of the demo account creation process.
- Adjusted layout classes for better responsiveness and spacing in the login demo page.
- Updated text sizes and spacing for headings and paragraphs to enhance readability across different screen sizes.
- Modified button sizes and styles for a more consistent user experience.
- Improved accessibility by ensuring proper semantic structure and spacing in demo and login sections.
These changes enhance the overall user interface and experience of the LoginDemo component.
- Added configuration options for polling fallback and polling interval to the WebSocket service, enabling a backup mechanism for real-time updates when WebSocket connections fail.
- Implemented detailed logging for WebSocket events, including connection status, message handling, and error diagnostics, to improve monitoring and debugging capabilities.
- Updated connection handling to manage polling effectively, ensuring users receive timely updates even during WebSocket disruptions.
These changes enhance the reliability and transparency of the WalletWebSocketService, contributing to a better user experience.
- Updated the ping method to send a simple text message instead of using the unsupported ping method in browser WebSocket implementations.
- Enhanced logging to indicate potential connection instability when ping fails.
These changes improve the reliability of the WebSocket connection management, contributing to a more stable user experience.
- Increased reconnect delay from 1 second to 2 seconds and reduced max reconnect attempts from 5 to 3 to minimize server load.
- Improved logging messages for connection status and abnormal closures, providing clearer insights during reconnection attempts.
- Added a ping mechanism to test connection stability and handle network connectivity issues more effectively.
These changes enhance the reliability and performance of the WebSocket service, contributing to a better user experience.
- Modified WebSocket configuration to allow enabling/disabling via environment variable, improving flexibility.
- Enhanced logging in WalletWebSocketService to provide clearer messages during reconnection attempts and notify users of WebSocket issues.
These changes improve the configurability and user experience of the wallet's WebSocket interactions.
- Expanded CLAUDE.md to include detailed information about the new Wallet Module, emphasizing its functionality for Lightning wallet management and real-time balance updates.
- Updated README.md to reflect the modular architecture, key features, and real-time wallet capabilities, including WebSocket configuration and connection management.
- Added sections on WebSocket real-time features, including automatic balance updates, live notifications, and battery optimization strategies.
These enhancements improve the clarity and accessibility of the wallet integration documentation, aiding developers in implementation and usage.
- Introduced comprehensive documentation for the new Wallet Module, detailing its purpose, features, and key components.
- Added WebSocket integration documentation, outlining real-time balance updates, connection management, and error handling.
- Updated README and module index files to include references to the Wallet Module, enhancing overall module visibility and accessibility.
These changes improve the clarity and usability of the Wallet Module, providing developers with essential information for implementation and integration.
- Eliminated the deprecated updateWalletBalance method from AuthService, which redirected calls to PaymentService for wallet balance updates.
- This change streamlines the codebase by removing outdated functionality and encourages the use of the new PaymentService method for better maintainability.
These updates contribute to a cleaner architecture and improved service consistency.
- Added updateWalletBalance method in PaymentService to handle wallet balance updates from WebSocket notifications, improving wallet management.
- Deprecated the existing updateWalletBalance method in AuthService, redirecting calls to the new PaymentService method for better consistency and maintainability.
- Updated WalletWebSocketService to utilize PaymentService for balance updates, ensuring accurate wallet state management.
These changes enhance the architecture of wallet balance handling and streamline the update process across services.
- Introduced WalletWebSocketService to manage WebSocket connections for real-time wallet updates.
- Implemented methods to handle incoming messages, including wallet balance updates and transaction notifications.
- Updated WalletService to add transactions based on WebSocket notifications, ensuring accurate wallet state.
- Enhanced app configuration to support WebSocket settings, improving flexibility in connection management.
These changes enhance the wallet module's responsiveness and user experience by providing real-time updates on wallet activities.
Enhance WalletWebSocketService with improved logging and authentication event handling
- Added detailed logging throughout the WalletWebSocketService to aid in debugging and monitoring.
- Integrated eventBus to listen for authentication events, enabling automatic connection and disconnection based on user login status.
- Adjusted WebSocket connection logic to handle wallet credentials more effectively and ensure accurate balance updates.
- Improved error handling and connection management for a more robust WebSocket experience.
These enhancements improve the reliability and transparency of the wallet's WebSocket interactions, contributing to a better user experience.
Enhance wallet balance update logic and logging in WalletWebSocketService
- Improved logging for wallet balance updates to provide clearer insights into balance changes and payment adjustments.
- Refined balance adjustment logic to correctly handle outgoing and incoming payments, ensuring accurate wallet state.
- Updated AuthService to log both the old and new wallet balance during updates, enhancing debugging capabilities.
These changes improve the reliability and transparency of wallet balance management, contributing to a better user experience.
Refactor wallet balance update logic in AuthService and WalletWebSocketService
- Enhanced the updateWalletBalance method in AuthService to accept an optional walletId, allowing for more flexible wallet balance updates.
- Improved logging to indicate which wallet's balance is being updated, aiding in debugging.
- Updated WalletWebSocketService to retrieve the wallet ID from PaymentService before updating the balance, ensuring accurate wallet state management.
These changes improve the robustness and clarity of wallet balance handling across the application.
- Replaced direct wallet balance computation in Navbar and WalletPage with a centralized totalBalance property from PaymentService, improving code maintainability.
- Updated CreateProductDialog, CreateStoreDialog, and MerchantStore components to utilize PaymentService for retrieving wallet admin and invoice keys, enhancing consistency across the application.
- These changes streamline wallet management and improve the overall architecture of the wallet module.
- Introduced a comprehensive module development checklist to ensure consistency and quality in module implementation.
- Added critical service and module installation requirements, emphasizing proper service initialization, dependency management, and configuration usage.
- Included common mistakes to avoid during module development to guide developers in best practices.
These updates enhance the documentation for module development, promoting better adherence to standards and improving overall code quality.
- Added ChevronRight icon to the mobile wallet button for better visual indication of navigation.
- Adjusted button styling for improved spacing and alignment of elements, enhancing user interaction.
- Wrapped wallet icon and balance display in a div for better layout consistency.
These changes improve the overall usability and aesthetics of the Navbar component.
- Changed the mobile wallet balance display from a div to a button for better accessibility and interaction.
- Updated the button to navigate to the wallet page and close the dropdown when clicked, enhancing user experience.
These changes streamline the navigation and improve the overall functionality of the Navbar component.
- Updated import paths in the wallet module to enhance clarity and maintainability.
- Removed unused imports in ReceiveDialog and SendDialog components to streamline the code.
- Introduced a computed property in WalletPage to extract the base domain from the payment service configuration, improving readability and error handling.
These changes contribute to a cleaner codebase and enhance the overall performance of the wallet module.
- Added functionality to generate a QR code for the first available pay link using LNURL encoding.
- Introduced reactive properties to manage QR code state and generation status.
- Updated the onMounted lifecycle hook to generate the QR code upon component mount if a pay link is available.
- Enhanced the UI to display the generated QR code along with payment range and lightning address information.
These changes improve the user experience by facilitating quick payment link sharing through QR codes.
- Modified the Badge component to include 'pointer-events-none' class, preventing interaction with the tag badge.
- This change enhances the user experience by ensuring that the badge does not interfere with other interactive elements in the transaction display.
- Increased spacing between transaction items for better visual separation.
- Changed tag badge variant to 'secondary' for enhanced visibility and updated its position.
- Adjusted icon size for improved consistency in transaction representation.
These changes enhance the overall clarity and aesthetics of the transaction display in the WalletPage.
- Added a tag badge to the top-left corner of each transaction item for improved visibility of transaction categorization.
- Removed redundant tag badges from the transaction details section to streamline the layout.
- Adjusted styling for transaction items to maintain a consistent and organized appearance.
These changes enhance the user experience by providing clearer transaction information and improving the overall layout of the WalletPage.
- Enhanced the desktop layout for better space management and alignment of transaction items.
- Updated transaction description and timestamp handling for improved readability and flexibility.
- Adjusted styling for transaction amounts to ensure consistent visibility and formatting.
These changes contribute to a more organized and user-friendly interface in the WalletPage, enhancing the overall user experience.
- Updated the getTransactionIcon and getTransactionColor functions to accept transaction status, allowing for dynamic icon and color changes based on transaction state.
- Removed the getStatusColor function as its functionality is now integrated into the updated color logic.
- Enhanced transaction display in the WalletPage to reflect pending status with appropriate styling, improving user visibility of transaction states.
These changes enhance the clarity and responsiveness of transaction information presented in the wallet module.
- Updated WalletService to robustly handle various timestamp formats, ensuring accurate transaction date representation.
- Enhanced WalletPage layout for better responsiveness, including mobile and desktop views, and improved transaction display with clearer formatting.
- Adjusted transaction item styling for consistency and better user experience across different screen sizes.
These changes improve the reliability and usability of transaction data presentation in the wallet module.
- Updated the WalletPage layout to better accommodate different screen sizes, enhancing responsiveness.
- Increased font size for balance display and adjusted button sizes for consistency.
- Improved button icon sizes for better visibility and usability.
These changes contribute to a more user-friendly interface on the WalletPage, making it easier to interact with wallet functionalities.
