-
diff --git a/src/components/ToolSidebar.js b/src/components/ToolSidebar.js
index b949aaca..0d72eb94 100644
--- a/src/components/ToolSidebar.js
+++ b/src/components/ToolSidebar.js
@@ -1,14 +1,20 @@
import React, { useState } from 'react';
import { Link, useLocation } from 'react-router-dom';
import { Search, ChevronLeft, ChevronRight, Sparkles } from 'lucide-react';
-import { NAVIGATION_TOOLS, SITE_CONFIG } from '../config/tools';
+import { NON_TOOLS, TOOLS, SITE_CONFIG } from '../config/tools';
const ToolSidebar = () => {
const location = useLocation();
const [isCollapsed, setIsCollapsed] = useState(true);
const [searchTerm, setSearchTerm] = useState('');
- const filteredTools = NAVIGATION_TOOLS.filter(tool =>
+ // Filter non-tools and tools separately
+ const filteredNonTools = NON_TOOLS.filter(tool =>
+ tool.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
+ tool.description.toLowerCase().includes(searchTerm.toLowerCase())
+ );
+
+ const filteredTools = TOOLS.filter(tool =>
tool.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
tool.description.toLowerCase().includes(searchTerm.toLowerCase())
);
@@ -64,6 +70,76 @@ const ToolSidebar = () => {
{/* Tools List */}
+
+ {/* Global Footer */}
+
+
{/* GDPR Consent Banner */}
+
) : (
{children}
- {/* Footer for tool pages - inside scrollable content */}
-
{children}
- {/* Footer for homepage */}
-
)}
+
+
+ {/* What's New Button */}
+
{/* Tools Grid */}
diff --git a/src/pages/ReleaseNotes.js b/src/pages/ReleaseNotes.js
new file mode 100644
index 00000000..16a6253e
--- /dev/null
+++ b/src/pages/ReleaseNotes.js
@@ -0,0 +1,402 @@
+import React, { useState, useEffect } from 'react';
+import { Calendar, Sparkles, Bug, Zap, Shield, ChevronDown, ChevronUp } from 'lucide-react';
+import ToolLayout from '../components/ToolLayout';
+
+const ReleaseNotes = () => {
+ const [releases, setReleases] = useState([]);
+ const [loading, setLoading] = useState(true);
+ const [expandedReleases, setExpandedReleases] = useState(new Set());
+
+ // Parse commit messages into user-friendly release notes
+ const parseCommitMessage = (message) => {
+ // Skip non-user-informative commits
+ const skipPatterns = [
+ /^fix eslint/i,
+ /^remove.*eslint/i,
+ /^update.*package/i,
+ /^add debug/i,
+ /^fix.*dependency/i,
+ /deployment/i,
+ /^fix.*mismatch/i
+ ];
+
+ if (skipPatterns.some(pattern => pattern.test(message))) {
+ return null;
+ }
+
+ // Transform commit messages to user-friendly descriptions
+ const transformations = [
+ {
+ pattern: /feat.*enhanced.*what.*new.*feature.*non_tools.*category.*global.*footer/i,
+ type: 'feature',
+ title: 'What\'s New Feature & Navigation Improvements',
+ description: 'Added attractive "What\'s New" button to homepage, created NON_TOOLS category for better navigation organization, separated navigation items in sidebar and mobile menu, and implemented unified global footer across all pages'
+ },
+ {
+ pattern: /improve.*objecteditor.*postmantable.*ui\/ux/i,
+ type: 'enhancement',
+ title: 'Enhanced Object Editor & Table View',
+ description: 'Improved user interface and experience with better JSON parsing, HTML rendering, and copy functionality'
+ },
+ {
+ pattern: /feat.*analytics.*mobile.*ui/i,
+ type: 'feature',
+ title: 'Mobile UI Improvements',
+ description: 'Optimized interface for mobile devices with better analytics integration'
+ },
+ {
+ pattern: /feat.*seo.*gdpr/i,
+ type: 'feature',
+ title: 'SEO & Privacy Compliance',
+ description: 'Comprehensive SEO optimization and GDPR compliance features for better discoverability and privacy protection'
+ },
+ {
+ pattern: /improve.*objecteditor.*tableeditor/i,
+ type: 'enhancement',
+ title: 'Enhanced Data Editors',
+ description: 'Major improvements to Object Editor and new Table Editor with advanced data manipulation features'
+ },
+ {
+ pattern: /enhanced.*object.*editor.*fetch.*mobile/i,
+ type: 'feature',
+ title: 'Object Editor with Data Fetching',
+ description: 'Added ability to fetch data from URLs directly in Object Editor with mobile-optimized interface'
+ },
+ {
+ pattern: /complete.*postman.*table.*view/i,
+ type: 'feature',
+ title: 'Postman-Style Table View',
+ description: 'New professional table visualization with consistent design and advanced data exploration features'
+ },
+ {
+ pattern: /enhanced.*mindmap.*visualization/i,
+ type: 'feature',
+ title: 'Professional Mindmap Visualization',
+ description: 'Beautiful mindmap interface for visualizing complex data structures with interactive navigation'
+ },
+ {
+ pattern: /add.*text.*length.*checker/i,
+ type: 'feature',
+ title: 'Text Analysis Tool',
+ description: 'New comprehensive text analysis tool with length checking and detailed text statistics'
+ },
+ {
+ pattern: /fix.*php.*serialization.*long.*text/i,
+ type: 'fix',
+ title: 'PHP Serialization Improvements',
+ description: 'Fixed PHP serialization handling and added support for long text fields in Visual Editor'
+ },
+ {
+ pattern: /enhanced.*developer.*tools.*ux/i,
+ type: 'enhancement',
+ title: 'Developer Tools UX Enhancement',
+ description: 'Improved overall user experience with visual enhancements and better tool organization'
+ }
+ ];
+
+ for (const transform of transformations) {
+ if (transform.pattern.test(message)) {
+ return {
+ type: transform.type,
+ title: transform.title,
+ description: transform.description
+ };
+ }
+ }
+
+ // Fallback for unmatched patterns
+ if (message.includes('🐛') || message.toLowerCase().includes('fix')) {
+ return {
+ type: 'fix',
+ title: 'Bug Fixes',
+ description: message.replace(/🐛|fix/gi, '').trim()
+ };
+ }
+
+ if (message.includes('✨') || message.toLowerCase().includes('feat')) {
+ return {
+ type: 'feature',
+ title: 'New Feature',
+ description: message.replace(/✨|feat:/gi, '').trim()
+ };
+ }
+
+ return null;
+ };
+
+ // Get type icon and color
+ const getTypeConfig = (type) => {
+ const configs = {
+ feature: {
+ icon:
{SITE_CONFIG.totalTools} Tools Available
@@ -85,6 +86,37 @@ const Home = () => {
Zero Data Collection
+
+ {/* Animated background effect */}
+
+
+ {/* Sparkle effect */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ What's New
+
+ Latest updates & features
+
+
+ {/* Header */}
+
+
+
+
+ {loading ? (
+
+
+ + What's New +
++ Discover the latest features, improvements, and bug fixes that make your development workflow even better. +
+
+
+
+ ) : (
+
+ {/* Timeline line */}
+
+
+
+ )}
+
+ {/* Footer */}
+
+ {Object.entries(groupedReleases)
+ .sort(([a], [b]) => new Date(b) - new Date(a))
+ .map(([date, dayReleases], index) => {
+ const isExpanded = expandedReleases.has(date);
+ const releaseDate = new Date(date);
+ const isRecent = (new Date() - releaseDate) < 7 * 24 * 60 * 60 * 1000;
+
+ return (
+
+
+ {/* Timeline dot */}
+
+
+
+ );
+ })}
+
+ {/* Date Header */}
+
+
+ {/* Release Items */}
+ {isExpanded && (
+
+
+ {dayReleases.map((release, index) => {
+ const typeConfig = getTypeConfig(release.type);
+
+ return (
+
+ )}
+
+
+ );
+ })}
+
+
+
+
+
+ {typeConfig.icon}
+
+
+
+
+
+ + {release.title} +
+ + {typeConfig.label} + ++ {release.description} +
+
+
+ {new Date(release.date).toLocaleTimeString('en-US', {
+ hour: '2-digit',
+ minute: '2-digit'
+ })}
+
+ #{release.hash}
+
+
+
+ + Stay tuned for more exciting updates and improvements! +
+
{
+
+ {/* Resize handle */}
+ handleResizeStart(e, column.id)}
+ title="Drag to resize column"
+ />
-
);
- © {SITE_CONFIG.year} {SITE_CONFIG.title} • Built with ❤️ for developers worldwide -
-