New Wallet Implementation #277
Open
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…ntegration with `useDS` for fetching data. - Reorganize imports for consistency, applying absolute paths where applicable. - Introduced `LucideIcon` component for dynamic icon rendering. - Adjusted and extended `manifest.json` with updated transaction utilities and configurations. - Replaced inline property setup with externalized configurations in `canopy/chain.json`.
… error handling, and performance. - Introduced `AccountsProvider` for centralized account management and state synchronization. - Enhanced `chain.json` with new endpoints and updated configurations. - Simplified `Navbar` and fixed account-related state inconsistencies.
… `AddressRow`, and monitoring cards (`MetricsCard`, `SystemResourcesCard`, `PerformanceMetricsCard`, `NetworkStatsCard`) for improved modularity and visualization. - Updated `chain.json` fee configurations for consistency. - Removed `Send` page and migrated relevant logic to components for better reusability. - Enhanced `FormRenderer` to support contextual templates, dynamic data sources, and feature buttons. - Introduced utility functions in `templaterFunctions` for standardized coin formatting.
…formance and modularity; add FieldControl component for better field management
…mation workflows, and templated dynamic rules. Refactor manifest structure and introduce utility functions for contextual templating.
…ular context providers - Migrated to ToastProvider for centralized toast management. - Added support for templated and dynamic toast content via `manifestRuntime`. - Introduced new field types (`switch`, `optionCard`) in `FieldControl` for enhanced user interaction. - Enhanced `ActionRunner` with toast notifications for lifecycle events (`onInit`, `onBeforeSubmit`, `onSuccess`, `onError`, `onFinally`). - Redesigned default toast UI with customizable actions. - Integrated Radix UI Theme for consistent styling. - Updated dependencies including `@radix-ui/themes` and `@radix-ui/react-switch`.
…nced validation, and templated visibility rules in `FieldControl`. Introduce multi-step forms and advanced wizard navigation in `ActionRunner` with step-specific validations. Expand templating utilities with safer evaluation and dynamic context inclusion. Enhance `RecentTransactionsCard` sorting and status handling while refining validators and error messages.
…d dynamic configurations.
…handling and templating
…handling and templating
…idation rules across components; extend `templaterFunctions` with new denom conversion utilities; enhance `TableSelect` and `ActionRunner` with dynamic rules, advanced UX, and auto-populate features; update `manifest.json` for improved staking workflows.
…for transaction types, improve padding for better layout, and integrate new hooks for balance and staking history calculations.
…ter positioning and duration, implement useCopyToClipboard hook for improved clipboard functionality, and refactor ActionRunner to support prefilled data.
…ter positioning and duration, implement useCopyToClipboard hook for improved clipboard functionality, and refactor ActionRunner to support prefilled data.
…ter positioning and duration, implement useCopyToClipboard hook for improved clipboard functionality, and refactor ActionRunner to support prefilled data.
…ter positioning and duration, implement useCopyToClipboard hook for improved clipboard functionality, and refactor ActionRunner to support prefilled data.
…ate balance computations, switch to `lucide-react` icons for consistency, adjust percentage precision, and clean up unused logic.
…allet static files, adjust Dockerfile for new wallet build, and modify chain.json for local RPC settings.
…nopy into feature/wallet
- Add base: "./" to vite.config.ts to generate relative asset paths - Add build/new-wallet target to Makefile for Docker build This fixes asset loading issues when deploying behind Traefik reverse proxy. Vite was generating absolute paths (/assets/...) which don't work with reverse proxies, unlike Next.js which uses relative paths (./_next/...). 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
- Add comprehensive debugging guide for Traefik path issues - Add assetsDir config to vite.config.ts for clarity - Document Traefik StripPrefix middleware configuration needed 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Use /wallet/ base path in production mode to match deployment URL. This ensures assets are loaded with absolute paths that work with Traefik reverse proxy configuration. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
- Add .env.example with VITE_BASE_PATH configuration - Update vite.config.ts to use environment variable with fallbacks - Add comprehensive README.md with deployment instructions - Default production base path: /wallet/ - Configurable via VITE_BASE_PATH environment variable This allows flexible deployment to different paths without code changes. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
…; update .gitignore
Update loader.ts to use import.meta.env.BASE_URL when constructing plugin paths. This ensures plugin resources load correctly when the app is deployed in a subdirectory (e.g., /wallet/). Fixes issue where plugin files were being requested from /plugin/ instead of /wallet/plugin/ in production. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
# Conflicts: # Dockerfile
… RPC configuration, AI settings, and related backend server components.
…, and plugin loading, alongside a debug staking transaction command.
…nopy into feature/wallet MERGE
…gement, dashboard components, and a stake transaction debug script.
…h Radix-UI components. Remove outdated deployment debug documentation.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Overview
This PR introduces a completely rewritten wallet interface with significant improvements in user experience, performance, and maintainability. The new implementation follows a config-first approach and modern React patterns.
🌟 Key Features & Improvements
✨ Modern UI/UX Overhaul
🔧 Config-First Architecture
📱 Enhanced Components
Dashboard
Account Management
Governance
Key Management
🔄 State Management & Data Flow
🎯 Performance Optimizations
🔒 Security Enhancements
📋 Technical Details
Configuration System
🧪 Testing & Quality Assurance
🚀 Migration Benefits
For Users
For Developers
📦 Breaking Changes
🔄 Backwards Compatibility