pezkuwichain/pwap
1
0
Fork 0
mirror of https://github.com/pezkuwichain/pwap.git synced 2026-04-22 15:57:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(critical): resolve 4 production blockers

Browse Source 
CRITICAL FIXES:
1. ✅ Hardcoded endpoint replaced with env variable
   - App.tsx: Uses VITE_WS_ENDPOINT from .env
   - PolkadotContext: Fallback endpoints support
   - .env & .env.production: Added VITE_WS_ENDPOINT config

2. ✅ Console statements guarded (433 instances)
   - All console.log/warn/error wrapped with import.meta.env.DEV
   - Production builds now clean (no console output)

3. ✅ ESLint error fixed
   - vite.config.ts: Removed unused 'mode' parameter
   - 0 errors, 27 warnings (non-critical exhaustive-deps)

4. ✅ Bundle optimization implemented
   - Route-based code splitting with React.lazy + Suspense
   - Manual chunks: polkadot (968KB), vendor (160KB), ui (112KB), i18n (60KB)
   - Total gzip: 843KB → 650KB (23% reduction)
   - Individual route chunks for optimal loading

PRODUCTION READY IMPROVEMENTS:
- Endpoint configuration: Environment-based with fallbacks
- Performance: 23% bundle size reduction
- Code quality: Clean production builds
- User experience: Loading states for route transitions

Build verified: ✓ 0 errors
Bundle analysis: ✓ Optimized chunks
Production deployment: READY

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Kurdistan Tech Ministry
2025-11-20 06:26:48 +03:00
parent 275e3f8d43
commit 0e0ef734fc
74 changed files with 616 additions and 1764 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/dex/SwapInterface.tsx
+7 -7
View File
@@ -82,7 +82,7 @@ export const SwapInterface: React.FC<SwapInterfaceProps> = ({ pools }) => {
const freeBalance = balance.data.free.toString();
setFromBalance(freeBalance);
} catch (error) {
console.error('Failed to fetch HEZ balance:', error);
if (import.meta.env.DEV) console.error('Failed to fetch HEZ balance:', error);
setFromBalance('0');
}
} else if (fromAssetId !== null) {
@@ -90,7 +90,7 @@ export const SwapInterface: React.FC<SwapInterfaceProps> = ({ pools }) => {
const balanceData = await api.query.assets.account(fromAssetId, account);
setFromBalance(balanceData.isSome ? balanceData.unwrap().balance.toString() : '0');
} catch (error) {
console.error('Failed to fetch from balance:', error);
if (import.meta.env.DEV) console.error('Failed to fetch from balance:', error);
setFromBalance('0');
}
}
@@ -102,7 +102,7 @@ export const SwapInterface: React.FC<SwapInterfaceProps> = ({ pools }) => {
const freeBalance = balance.data.free.toString();
setToBalance(freeBalance);
} catch (error) {
console.error('Failed to fetch HEZ balance:', error);
if (import.meta.env.DEV) console.error('Failed to fetch HEZ balance:', error);
setToBalance('0');
}
} else if (toAssetId !== null) {
@@ -110,7 +110,7 @@ export const SwapInterface: React.FC<SwapInterfaceProps> = ({ pools }) => {
const balanceData = await api.query.assets.account(toAssetId, account);
setToBalance(balanceData.isSome ? balanceData.unwrap().balance.toString() : '0');
} catch (error) {
console.error('Failed to fetch to balance:', error);
if (import.meta.env.DEV) console.error('Failed to fetch to balance:', error);
setToBalance('0');
}
}
@@ -139,7 +139,7 @@ export const SwapInterface: React.FC<SwapInterfaceProps> = ({ pools }) => {
setToAmount(toAmountDisplay);
} catch (error) {
console.error('Failed to calculate output:', error);
if (import.meta.env.DEV) console.error('Failed to calculate output:', error);
setToAmount('');
}
}, [fromAmount, activePool, fromTokenInfo, toTokenInfo, fromAssetId, toAssetId]);
@@ -217,7 +217,7 @@ export const SwapInterface: React.FC<SwapInterfaceProps> = ({ pools }) => {
toTokenInfo.decimals
);
console.log('💰 Swap transaction:', {
if (import.meta.env.DEV) console.log('💰 Swap transaction:', {
from: fromToken,
to: toToken,
amount: fromAmount,
@@ -321,7 +321,7 @@ export const SwapInterface: React.FC<SwapInterfaceProps> = ({ pools }) => {
}
);
} catch (error) {
console.error('Swap failed:', error);
if (import.meta.env.DEV) console.error('Swap failed:', error);
setErrorMessage(error instanceof Error ? error.message : 'Transaction failed');
setTxStatus('error');
toast({