/** * Dummy Content Remover component. */ import { useState, useEffect } from '@wordpress/element'; import { TrashIcon, ArrowPathIcon, ExclamationCircleIcon, DocumentTextIcon, CalendarIcon, EyeIcon, PencilIcon } from '@heroicons/react/24/outline'; import { format } from 'date-fns'; /** * Internal dependencies. */ import Layout from '../layout/Layout'; import { fetchDummyContent, fetchPostTypes, deletePosts } from '../../api/dummy-content-remover'; import { showPromiseToast, showSuccessToast, showErrorToast } from '../../utils'; const DummyContentRemover = () => { const [loading, setLoading] = useState(true); const [dummyContent, setDummyContent] = useState([]); const [postTypes, setPostTypes] = useState([]); const [selectedPostIds, setSelectedPostIds] = useState([]); const [isDeleting, setIsDeleting] = useState(false); const [error, setError] = useState(null); // Filter states const [selectedPostTypes, setSelectedPostTypes] = useState(['post', 'page']); const [maxWordCount, setMaxWordCount] = useState(50); const [checkTitles, setCheckTitles] = useState(true); const [checkContent, setCheckContent] = useState(true); const [checkLorem, setCheckLorem] = useState(true); const [dateBefore, setDateBefore] = useState(''); const [includeTrash, setIncludeTrash] = useState(false); const [permanentDelete, setPermanentDelete] = useState(false); // Load post types const loadPostTypes = async () => { try { const postTypesData = await fetchPostTypes(); setPostTypes(postTypesData); } catch (err) { console.error('Error loading post types:', err); setError('Failed to load post types. Please try again.'); } }; // Load dummy content const loadDummyContent = async () => { setLoading(true); setError(null); setSelectedPostIds([]); try { showPromiseToast( fetchDummyContent({ post_types: selectedPostTypes, min_word_count: 0, max_word_count: maxWordCount, check_titles: checkTitles, check_content: checkContent, check_lorem: checkLorem, date_before: dateBefore, include_trashed: includeTrash }), 'Scanning for dummy content...', 'Content scan completed!', 'Failed to scan content.' ); const dummyContentData = await fetchDummyContent({ post_types: selectedPostTypes, min_word_count: 0, max_word_count: maxWordCount, check_titles: checkTitles, check_content: checkContent, check_lorem: checkLorem, date_before: dateBefore, include_trashed: includeTrash }); setDummyContent(dummyContentData); } catch (err) { console.error('Error loading dummy content:', err); setError('Failed to load dummy content. Please try again.'); } finally { setLoading(false); } }; // Initial data load useEffect(() => { loadPostTypes(); loadDummyContent(); }, []); // Toggle post selection const togglePostSelection = (postId) => { setSelectedPostIds(prevSelected => { if (prevSelected.includes(postId)) { return prevSelected.filter(id => id !== postId); } else { return [...prevSelected, postId]; } }); }; // Select all posts const selectAllPosts = () => { if (selectedPostIds.length === dummyContent.length) { setSelectedPostIds([]); } else { setSelectedPostIds(dummyContent.map(post => post.ID)); } }; // Handle bulk delete const handleBulkDelete = async () => { if (selectedPostIds.length === 0) { showErrorToast('Please select at least one item to delete.'); return; } const actionText = permanentDelete ? 'permanently delete' : 'move to trash'; if (!window.confirm(`Are you sure you want to ${actionText} the selected content? ${permanentDelete ? 'This action cannot be undone.' : ''}`)) { return; } setIsDeleting(true); try { const result = await deletePosts(selectedPostIds, permanentDelete); // Show success message const totalDeleted = result.success.length; const totalFailed = result.failed.length; if (totalDeleted > 0) { showSuccessToast(`Successfully ${permanentDelete ? 'deleted' : 'trashed'} ${totalDeleted} item${totalDeleted !== 1 ? 's' : ''}.`); } if (totalFailed > 0) { showErrorToast(`Failed to delete ${totalFailed} item${totalFailed !== 1 ? 's' : ''}.`); } // Reset selections setSelectedPostIds([]); // Reload data loadDummyContent(); } catch (err) { console.error('Error deleting items:', err); showErrorToast('Failed to delete selected items. Please try again.'); } finally { setIsDeleting(false); } }; // Format date const formatDate = (dateString) => { try { const date = new Date(dateString); return format(date, 'MMM d, yyyy'); } catch (e) { return dateString; } }; // Get post type label const getPostTypeLabel = (postType) => { const foundPostType = postTypes.find(pt => pt.name === postType); return foundPostType ? foundPostType.label : postType; }; return (

🗑️ Bulk Dummy Content Remover

Find and remove placeholder content like "Hello World" posts, sample pages, and lorem ipsum text.

{error && (

{error}

)} {/* Filter Controls */}

Filter Options

{postTypes.map(postType => ( ))}
setMaxWordCount(parseInt(e.target.value))} className="w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer" />
setDateBefore(e.target.value)} className="shadow-sm focus:ring-blue-500 focus:border-blue-500 block w-full sm:text-sm border-gray-300 rounded-md" />
{/* Content List */}
0 && selectedPostIds.length === dummyContent.length} onChange={selectAllPosts} className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded" />
{loading ? (

Scanning for dummy content...

) : (
{dummyContent.length === 0 ? (

No dummy content found

Great job! We couldn't find any dummy or placeholder content based on your current filters.

) : (
    {dummyContent.map((post) => (
  • togglePostSelection(post.ID)} className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded" />

    {post.title}

    {getPostTypeLabel(post.post_type)} {formatDate(post.date)} {post.word_count} words {post.status === 'trash' && ( Trashed )}
    {post.excerpt}
    {post.reasons.map((reason, index) => ( {reason} ))}
    • ))}
)}
)}

Why this matters:

  • Dummy content like "Hello World" posts and sample pages can confuse visitors
  • Development content with lorem ipsum text should be removed before site launch
  • Clean content improves site professionalism and search engine indexing
  • Removing unnecessary content makes your site easier to manage
 ); }; export default DummyContentRemover;