✨ Enhanced mindmap visualization with professional UI
🎯 Major Features Added: - Snap to grid functionality (20x20 grid, default enabled) - Tidy Up button for instant node reorganization - Copy node values with one-click clipboard integration - HTML rendering toggle (render/raw modes for HTML content) - Accordion-style collapsible panels (Controls & Legend) - Automatic fitView on fullscreen toggle with smooth animations 🎨 UI/UX Improvements: - Professional accordion layout with exclusive panel opening - Consistent button alignment and styling across all controls - Legend moved to top-right with icon+color indicators - Vertical button stack: Controls → Legend → Tidy Up → Fullscreen - Smooth transitions and hover effects throughout - Clean, uncluttered interface with folded panels by default 🔧 Technical Enhancements: - Fixed ResizeObserver errors with proper error handling - Optimized React rendering with memo and useCallback - Debounced DOM updates to prevent infinite loops - React Flow instance management for programmatic control - Removed redundant Raw Input button for cleaner interface 🚀 Performance & Stability: - Error boundary implementation for ResizeObserver issues - Proper cleanup of event listeners and timeouts - Memoized components to prevent unnecessary re-renders - Smooth 300ms animations for all state transitions
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
import React, { useState } from 'react';
|
||||
import { Search, Code, Link2, FileText, Hash, RefreshCw, GitCompare, Database, Type } from 'lucide-react';
|
||||
import { Search, Code, Link2, FileText, Hash, RefreshCw, GitCompare, Database, Type, Edit3 } from 'lucide-react';
|
||||
import ToolCard from '../components/ToolCard';
|
||||
|
||||
const Home = () => {
|
||||
@@ -7,18 +7,11 @@ const Home = () => {
|
||||
|
||||
const tools = [
|
||||
{
|
||||
icon: Code,
|
||||
title: 'JSON Encoder/Decoder',
|
||||
description: 'Format, validate, and minify JSON data with syntax highlighting',
|
||||
path: '/json',
|
||||
tags: ['JSON', 'Format', 'Validate']
|
||||
},
|
||||
{
|
||||
icon: Database,
|
||||
title: 'Serialize Encoder/Decoder',
|
||||
description: 'Encode and decode serialized data (PHP serialize format)',
|
||||
path: '/serialize',
|
||||
tags: ['PHP', 'Serialize', 'Unserialize']
|
||||
icon: Edit3,
|
||||
title: 'Object Editor',
|
||||
description: 'Visual editor for JSON and PHP serialized objects with format conversion',
|
||||
path: '/object-editor',
|
||||
tags: ['Visual', 'JSON', 'PHP', 'Objects', 'Editor']
|
||||
},
|
||||
{
|
||||
icon: Link2,
|
||||
|
||||
Reference in New Issue
Block a user