v1.3.0: Webpack migration, styling fixes and Tela deployment

[v1.3.0] - 2024-12-02

Highlights

• Webpack Migration: We successfully transitioned to Webpack to leverage its split chunks feature, enabling the creation of build bundles smaller than 20 KB. This was a critical step to ensure deployment compatibility with Tela's platform constraints.
• Styling Fixes: Fixed several CSS styling bugs. Special thanks to @deroceratops for their contributions, which were rewarded with Dero.
• Tela Deployment Progress: Additional progress towards Tela adaptation, with contributions acknowledged to @Azylem .

Key Changes

1. Build System Overhaul:

   • Migrated from Vite to Webpack, introducing minifying, enhanced bundle splitting, and and dependency management.

2. SVG Refinements:

   • Updated and cleaned SVG assets, ensuring compliance with Tela's resource constraints.

3. Styling Adjustments:

   • Resolved various CSS issues to enhance UI/UX.

4. Deployment Configurations:

   • Aligned with Tela's deployment requirements for file size and architecture.

Notes for Developers

• Ensure all future assets are aligned with Tela's size constraints (<20 KB per file).

Known issues

• Engram's latest version 0.6.0 doesn't support the RPC method getTrackedAssets , causing Dero and Asset balances to not be displayed on Ghost's UI. This issue however is gracefully handled because the UI expects the users to be able to deny the permission to read their balances, making this issue's impact low. Currently, the users will see ??? instead of their balance.

This version is now available on Tela, check it out at: d721b743f45a724f981a7da9a9a70bfdf21b1f0f69471c1f904d8718be4313ef

What's Changed

• Make elements styled with the class 'shadow-neu' adjust the shadow based on CSS pseudo classes. by @deroceratops in #14
• Implement Dynamic shadow-neu Style with Hover and Active States for Neu-Brutalist Design by @itsMarcoSolis in #15
• Implement Dynamic shadow-neu Style with Hover and Active States for Neu-Brutalist Design by @itsMarcoSolis in #16
• Migrate react app from vite to webpack to prepare for tela deployment by @itsMarcoSolis in #19
• Webpack migration and styling fixes by @itsMarcoSolis in #20

New Contributors

• @deroceratops made their first contribution in #14

Full Changelog: v1.2.0...v1.3.0

v1.2.0: Named Asset Display and Improved Balance Management

[v1.2.0] - 2024-08-10

Added

• SwapContext:
  • Introduced tradingPairs to manage the balances and asset names of trading pairs separately, leading to clearer state management and more precise updates.

Changed

• AddLiquiditySection:

  • Refactored to utilize tradingPairs for balance calculations, ensuring accurate data handling and preventing potential errors.

• RemoveLiquiditySection:

  • Updated to rely on tradingPairs for more accurate asset and DERO calculations.

• SwapForm:

  • Modified to use tradingPairs for updating reserves and recalculating asset and DERO values.

• TradingPairsList:

  • Enhanced to display asset names instead of addresses, significantly improving the user experience by making the interface more intuitive and user-friendly.

• Select Component:

  • Refined to support the display of asset names while maintaining functionality with the updated state structure.

Fixed

• “Create trading pair” button style

Summary

This release introduces a key enhancement to the Ghost Exchange Interface, focusing on improving user experience by displaying asset names instead of addresses. The updates to state management and balance handling ensure a more intuitive and seamless interaction, while the underlying codebase has been refined for greater clarity and maintainability.

Full Changelog: v1.1.0...v1.2.0

Release v1.1.0: Enhancements to Transaction Building and SC Invocation

[v1.1.0] - 2024-08-05

Added

• AddLiquiditySection:

  • Implemented gasEstimateSCArgs for accurate gas estimation.
  • Included destination parameter in the transfer method to comply with RPC syntax.

• CreatePairModalContent:

  • Introduced gasEstimateSCArgs for smart contract calls.
  • Added appropriate parameters for correct transaction processing.

Changed

• AddLiquiditySection:

  • Adjusted asset and Dero amount calculations to prevent rounding errors.

• RemoveLiquiditySection:

  • Updated to use gasEstimateSCArgs for smart contract invocation.

• SwapForm:

  • Corrected SVG attributes (strokeWidth, strokeLinecap, strokeLinejoin) for proper rendering.

Fixed

• Addressed issues related to the transaction building process to ensure accurate and reliable transaction handling.
• Resolved incorrect parameter passing in smart contract invocation methods, ensuring proper functionality and compliance with RPC syntax.

Summary

This release brings significant improvements to the transaction building process, enhancing the accuracy of gas estimation and ensuring compliance with RPC syntax. The updates in the component calculations and method parameters improve the reliability and efficiency of the Ghost Exchange Interface.

Special Thanks

We'd like to thank ArcaneSphere for testing the application and bringing the transaction building process bug to our attention. Your contributions are invaluable to the continuous improvement of Ghost.

Full Changelog: v1.0.0...v1.1.0

Initial release v1.0.0

Ghost Exchange Interface v1.0.0

We are excited to announce the initial release of Ghost Exchange Interface, a decentralized application for interacting with the Ghost Exchange smart contract on the Dero Blockchain.

Features

Core Functionality

• Automated Market Maker (AMM) Liquidity Pools: Create and manage liquidity pools.
• Liquidity Management: Add or remove liquidity from existing pools.
• Swaps: Perform swaps between Dero and assets, and vice versa.

Decentralization

• Open Exchange: Anyone can add any trading pair they want, ensuring a fully decentralized trading experience.