{"id":15,"date":"2026-08-08T14:32:12","date_gmt":"2026-08-08T14:32:12","guid":{"rendered":"https:\/\/appkreasi.my.id\/?page_id=15"},"modified":"2026-08-08T15:18:41","modified_gmt":"2026-08-08T15:18:41","slug":"sample-page-2","status":"publish","type":"page","link":"https:\/\/appkreasi.my.id\/","title":{"rendered":"Sample Page 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8463921 e-con-full e-flex e-con e-parent\" data-id=\"8463921\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-311c112 elementor-widget elementor-widget-html\" data-id=\"311c112\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>DesainKreasi - WP Plugin Repository<\/title>\r\n    <!-- FontAwesome (Opsional untuk ikon) -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <style>\r\n        :root {\r\n            --bg-body: #0f172a;\r\n            --bg-surface: #1e293b;\r\n            --bg-card: #1e293b;\r\n            --border-color: #334155;\r\n            --primary: #38bdf8;\r\n            --primary-hover: #0284c7;\r\n            --text-main: #f8fafc;\r\n            --text-muted: #94a3b8;\r\n            --accent-orange: #f97316;\r\n            --success-green: #22c55e;\r\n            --danger-red: #ef4444;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n        }\r\n\r\n        body {\r\n            background-color: var(--bg-body);\r\n            color: var(--text-main);\r\n            min-height: 100vh;\r\n            padding: 1.5rem;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .wrapper {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Header Minimalis dengan Penyesuaian Logo Absolute *\/\r\n        header {\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            background: var(--bg-surface);\r\n            border: 1px solid var(--border-color);\r\n            border-radius: 8px;\r\n            padding: 1rem 1.5rem;\r\n            min-height: 100px; \/* Menjaga ruang agar logo 80px muat presisi *\/\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        \/* Rule CSS Brand Logo Sesuai Permintaan *\/\r\n        .brand-logo {\r\n            height: 80px;\r\n            object-fit: contain;\r\n            position: absolute;\r\n            left: 1.5rem;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n        }\r\n\r\n        .header-right {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 1rem;\r\n            margin-left: auto; \/* Mendorong badge tetap rapi di sisi kanan *\/\r\n        }\r\n\r\n        .badge {\r\n            background: #0f172a;\r\n            border: 1px solid var(--border-color);\r\n            padding: 0.4rem 0.8rem;\r\n            border-radius: 6px;\r\n            font-size: 0.85rem;\r\n            color: var(--text-muted);\r\n        }\r\n\r\n        .badge-success {\r\n            border-color: rgba(34, 197, 94, 0.4);\r\n            color: var(--success-green);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .count-val {\r\n            font-weight: 700;\r\n            color: var(--primary);\r\n        }\r\n\r\n        \/* Controls Bar *\/\r\n        .controls-bar {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 1rem;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .search-box {\r\n            flex: 1;\r\n            min-width: 260px;\r\n            position: relative;\r\n        }\r\n\r\n        .search-box i {\r\n            position: absolute;\r\n            left: 0.85rem;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            color: var(--text-muted);\r\n        }\r\n\r\n        .search-input {\r\n            width: 100%;\r\n            background: var(--bg-surface);\r\n            border: 1px solid var(--border-color);\r\n            border-radius: 6px;\r\n            padding: 0.6rem 0.8rem 0.6rem 2.5rem;\r\n            color: var(--text-main);\r\n            font-size: 0.9rem;\r\n            outline: none;\r\n        }\r\n\r\n        .search-input:focus {\r\n            border-color: var(--primary);\r\n        }\r\n\r\n        .filter-tabs {\r\n            display: flex;\r\n            gap: 0.4rem;\r\n            overflow-x: auto;\r\n        }\r\n\r\n        .filter-btn {\r\n            background: var(--bg-surface);\r\n            border: 1px solid var(--border-color);\r\n            color: var(--text-muted);\r\n            padding: 0.55rem 0.9rem;\r\n            border-radius: 6px;\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .filter-btn:hover {\r\n            color: var(--text-main);\r\n            border-color: var(--primary);\r\n        }\r\n\r\n        .filter-btn.active {\r\n            background: var(--primary);\r\n            color: #000;\r\n            border-color: var(--primary);\r\n        }\r\n\r\n        \/* Grid Cards *\/\r\n        .plugin-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\r\n            gap: 1.25rem;\r\n        }\r\n\r\n        .plugin-card {\r\n            background: var(--bg-card);\r\n            border: 1px solid var(--border-color);\r\n            border-radius: 8px;\r\n            padding: 1.25rem;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        .card-header {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .category-icon {\r\n            width: 42px;\r\n            height: 42px;\r\n            border-radius: 6px;\r\n            background: #0f172a;\r\n            border: 1px solid var(--border-color);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.2rem;\r\n            color: var(--primary);\r\n        }\r\n\r\n        .plugin-status {\r\n            font-size: 0.7rem;\r\n            font-weight: 600;\r\n            padding: 0.2rem 0.5rem;\r\n            border-radius: 4px;\r\n            background: rgba(34, 197, 94, 0.1);\r\n            color: var(--success-green);\r\n            border: 1px solid rgba(34, 197, 94, 0.3);\r\n        }\r\n\r\n        .card-body h3 {\r\n            font-size: 1.05rem;\r\n            font-weight: 600;\r\n            margin-bottom: 0.4rem;\r\n        }\r\n\r\n        .folder-tag {\r\n            font-family: monospace;\r\n            font-size: 0.75rem;\r\n            color: var(--accent-orange);\r\n            background: rgba(249, 115, 22, 0.1);\r\n            padding: 0.15rem 0.4rem;\r\n            border-radius: 4px;\r\n            display: inline-block;\r\n            margin-bottom: 0.75rem;\r\n        }\r\n\r\n        .card-body p {\r\n            font-size: 0.85rem;\r\n            color: var(--text-muted);\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .meta-info {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            border-top: 1px solid var(--border-color);\r\n            padding-top: 0.75rem;\r\n            font-size: 0.75rem;\r\n            color: var(--text-muted);\r\n            font-family: monospace;\r\n        }\r\n\r\n        .card-actions {\r\n            display: flex;\r\n            gap: 0.5rem;\r\n            margin-top: 1rem;\r\n        }\r\n\r\n        .btn {\r\n            padding: 0.55rem 0.8rem;\r\n            border-radius: 6px;\r\n            font-size: 0.8rem;\r\n            font-weight: 600;\r\n            border: 1px solid transparent;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 0.4rem;\r\n            text-decoration: none;\r\n        }\r\n\r\n        .btn-primary {\r\n            background: var(--primary);\r\n            color: #0f172a;\r\n            flex: 1;\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            background: var(--primary-hover);\r\n            color: #fff;\r\n        }\r\n\r\n        .btn-secondary {\r\n            background: #0f172a;\r\n            color: var(--text-main);\r\n            border-color: var(--border-color);\r\n        }\r\n\r\n        .btn-secondary:hover {\r\n            border-color: var(--primary);\r\n            color: var(--primary);\r\n        }\r\n\r\n        \/* Modal Minimalis *\/\r\n        .modal-overlay {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.75);\r\n            z-index: 100;\r\n            display: none;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .modal-overlay.active {\r\n            display: flex;\r\n        }\r\n\r\n        .modal-card {\r\n            background: var(--bg-surface);\r\n            border: 1px solid var(--border-color);\r\n            border-radius: 8px;\r\n            width: 90%;\r\n            max-width: 550px;\r\n            padding: 1.5rem;\r\n            position: relative;\r\n        }\r\n\r\n        .close-modal {\r\n            position: absolute;\r\n            top: 1rem;\r\n            right: 1rem;\r\n            background: transparent;\r\n            border: none;\r\n            color: var(--text-muted);\r\n            font-size: 1.25rem;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .close-modal:hover {\r\n            color: var(--danger-red);\r\n        }\r\n\r\n        .code-box {\r\n            background: #0f172a;\r\n            border: 1px solid var(--border-color);\r\n            border-radius: 6px;\r\n            padding: 0.75rem;\r\n            font-family: monospace;\r\n            font-size: 0.8rem;\r\n            color: var(--primary);\r\n            margin: 1rem 0;\r\n            overflow-x: auto;\r\n        }\r\n\r\n        \/* Footer Minimalis *\/\r\n        footer {\r\n            margin-top: 3rem;\r\n            padding-top: 1.5rem;\r\n            border-top: 1px solid var(--border-color);\r\n            text-align: center;\r\n            color: var(--text-muted);\r\n            font-size: 0.8rem;\r\n        }\r\n\r\n        .tech-tags {\r\n            margin-top: 0.5rem;\r\n            font-family: monospace;\r\n            font-size: 0.75rem;\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 1rem;\r\n        }\r\n\r\n        \/* Responsive Breakpoint untuk Tampilan HP *\/\r\n        @media (max-width: 640px) {\r\n            header {\r\n                flex-direction: column;\r\n                align-items: center;\r\n                justify-content: center;\r\n                padding-top: 90px; \/* Memberi ruang untuk logo di atas badge *\/\r\n                min-height: auto;\r\n            }\r\n\r\n            .brand-logo {\r\n                left: 50%;\r\n                top: 1rem;\r\n                transform: translateX(-50%);\r\n            }\r\n\r\n            .header-right {\r\n                margin-left: 0;\r\n                width: 100%;\r\n                justify-content: center;\r\n            }\r\n\r\n            .controls-bar {\r\n                flex-direction: column;\r\n                align-items: stretch;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"wrapper\">\r\n        <!-- Header -->\r\n        <header>\r\n            <img decoding=\"async\" src=\"https:\/\/appkreasi.my.id\/wp-content\/uploads\/2026\/08\/logo-desain-kreasi-dynamic-bright.svg\" alt=\"DesainKreasi Logo\" class=\"brand-logo\" onerror=\"this.src='https:\/\/via.placeholder.com\/200x80\/1e293b\/38bdf8?text=DesainKreasi'\">\r\n            \r\n            <div class=\"header-right\">\r\n                <div class=\"badge\">\r\n                    Total Directory: <span class=\"count-val\" id=\"stat-total\">12<\/span>\r\n                <\/div>\r\n                <div class=\"badge badge-success\">\r\n                    <i class=\"fa-solid fa-shield-halved\"><\/i> ADMIN VERIFIED\r\n                <\/div>\r\n            <\/div>\r\n        <\/header>\r\n\r\n        <!-- Controls: Search & Category Filter -->\r\n        <div class=\"controls-bar\">\r\n            <div class=\"search-box\">\r\n                <i class=\"fa-solid fa-magnifying-glass\"><\/i>\r\n                <input type=\"text\" id=\"searchInput\" class=\"search-input\" placeholder=\"Cari nama plugin atau folder...\">\r\n            <\/div>\r\n            \r\n            <div class=\"filter-tabs\">\r\n                <button class=\"filter-btn active\" data-filter=\"all\">Semua (12)<\/button>\r\n                <button class=\"filter-btn\" data-filter=\"core\">Core & App<\/button>\r\n                <button class=\"filter-btn\" data-filter=\"elementor\">Elementor<\/button>\r\n                <button class=\"filter-btn\" data-filter=\"gallery\">Galeri<\/button>\r\n                <button class=\"filter-btn\" data-filter=\"commerce\">E-Commerce<\/button>\r\n                <button class=\"filter-btn\" data-filter=\"utility\">Utilitas<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Plugins Grid -->\r\n        <div class=\"plugin-grid\" id=\"pluginGrid\">\r\n            <!-- Dynamic Content Injected via JS -->\r\n        <\/div>\r\n\r\n        <!-- Footer -->\r\n        <footer>\r\n            <div>&copy; 2026 <strong>DesainKreasi<\/strong> \u2014 WP Plugin Repository. High Speed Version.<\/div>\r\n            <div class=\"tech-tags\">\r\n                <span>WP: 6.7+<\/span>\r\n                <span>PHP: 8.2+<\/span>\r\n                <span>MODE: LIGHTWEIGHT<\/span>\r\n            <\/div>\r\n        <\/footer>\r\n    <\/div>\r\n\r\n    <!-- Modal Visualizer -->\r\n    <div class=\"modal-overlay\" id=\"pluginModal\">\r\n        <div class=\"modal-card\">\r\n            <button class=\"close-modal\" id=\"closeModal\">&times;<\/button>\r\n            <div style=\"display: flex; align-items: center; gap: 0.8rem; margin-bottom: 1rem;\">\r\n                <div id=\"modalIcon\" class=\"category-icon\"><\/div>\r\n                <div>\r\n                    <h2 id=\"modalTitle\" style=\"font-size: 1.1rem; color: #fff;\">Plugin Title<\/h2>\r\n                    <span id=\"modalFolder\" class=\"folder-tag\">_folder<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <p id=\"modalDesc\" style=\"color: var(--text-muted); font-size: 0.85rem; margin-bottom: 0.75rem;\"><\/p>\r\n\r\n            <div>\r\n                <label style=\"font-size: 0.7rem; color: var(--text-muted); text-transform: uppercase;\">PHP Header Info:<\/label>\r\n                <div class=\"code-box\" id=\"modalCode\">\r\n                    &lt;?php<br>\r\n                    \/*<br>\r\n                    Plugin Name: <span id=\"codeName\">Plugin<\/span><br>\r\n                    Description: Internal Plugin DesainKreasi<br>\r\n                    Author: DesainKreasi Web Design Bandung<br>\r\n                    *\/\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div style=\"display: flex; gap: 0.5rem; margin-top: 1rem;\">\r\n                <button class=\"btn btn-primary\" onclick=\"alert('File siap di-deploy.')\">\r\n                    <i class=\"fa-solid fa-download\"><\/i> Sync Repository\r\n                <\/button>\r\n                <button class=\"btn btn-secondary\" onclick=\"closeModalWindow()\">Tutup<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Vanilla JS Murni (Ultra Lightweight) -->\r\n    <script>\r\n        const pluginsData = [\r\n            { id: 1, name: \"Booking System Engine\", folder: \"_Booking\", category: \"utility\", icon: \"fa-calendar-check\", date: \"01\/08\/2026\", desc: \"Sistem reservasi dan booking interaktif khusus internal.\", version: \"v2.1.0\" },\r\n            { id: 2, name: \"Custom Font Manager\", folder: \"_Font\", category: \"utility\", icon: \"fa-font\", date: \"07\/08\/2026\", desc: \"Modul pengelola font kustom internal untuk inject webfont premium.\", version: \"v1.4.2\" },\r\n            { id: 3, name: \"Interactive Photo Gallery\", folder: \"_Galeri\", category: \"gallery\", icon: \"fa-images\", date: \"30\/07\/2026\", desc: \"Plugin galeri foto & portofolio interaktif dengan lightbox modern.\", version: \"v3.0.1\" },\r\n            { id: 4, name: \"HTML to Elementor Converter\", folder: \"_htmltoelementor\", category: \"elementor\", icon: \"fa-code\", date: \"08\/08\/2026\", desc: \"Converter otomatis template HTML menjadi Elementor JSON Widget.\", version: \"v1.0.0\" },\r\n            { id: 5, name: \"Custom Navigation & Mega Menu\", folder: \"_Menu\", category: \"core\", icon: \"fa-bars\", date: \"29\/07\/2026\", desc: \"Pengembang struktur navigation bar, mobile overlay menu, dan mega-menu.\", version: \"v2.0.0\" },\r\n            { id: 6, name: \"Smart Newsletter System\", folder: \"_Newsletter\", category: \"utility\", icon: \"fa-paper-plane\", date: \"07\/08\/2026\", desc: \"Formulir pendaftaran buletin otomatis terhubung dengan Email Dispatcher.\", version: \"v1.2.0\" },\r\n            { id: 7, name: \"Ultra-Fast AJAX Search Engine\", folder: \"_Search\", category: \"utility\", icon: \"fa-magnifying-glass\", date: \"05\/08\/2026\", desc: \"Sistem pencarian instan live search AJAX dengan auto-suggest.\", version: \"v2.5.0\" },\r\n            { id: 8, name: \"Testimonial Slider & Review Grid\", folder: \"_Testimonial\", category: \"core\", icon: \"fa-quote-left\", date: \"07\/08\/2026\", desc: \"Modul penampil ulasan klien interaktif dengan rating bintang.\", version: \"v1.8.0\" },\r\n            { id: 9, name: \"WooCommerce Dynamic Pricing\", folder: \"_Woocommerce\", category: \"commerce\", icon: \"fa-cart-shopping\", date: \"24\/07\/2026\", desc: \"Custom checkout flow, perhitungan ongkir khusus, dan kalkulator harga.\", version: \"v3.2.0\" },\r\n            { id: 10, name: \"Aplikasi Custom General Core\", folder: \"Aplikasi Custom General\", category: \"core\", icon: \"fa-microchip\", date: \"24\/07\/2026\", desc: \"Core framework aplikasi kustom internal untuk menyatukan fungsionalitas.\", version: \"v4.0.0\" },\r\n            { id: 11, name: \"Galeri Filter Isotope Desain Kreasi\", folder: \"galeri-filter-desain-kreasi\", category: \"gallery\", icon: \"fa-filter\", date: \"11\/06\/2026\", desc: \"Engine filter portofolio berdasarkan tag\/kategori berbasis teknologi Isotope.\", version: \"v2.2.1\" },\r\n            { id: 12, name: \"Header Footer Elementor Builder\", folder: \"Header-Footer-elementor-template-page\", category: \"elementor\", icon: \"fa-file-code\", date: \"28\/07\/2026\", desc: \"Template injector untuk override layout Header & Footer via Elementor.\", version: \"v1.9.5\" }\r\n        ];\r\n\r\n        const grid = document.getElementById('pluginGrid');\r\n        const searchInput = document.getElementById('searchInput');\r\n        const filterBtns = document.querySelectorAll('.filter-btn');\r\n        const modal = document.getElementById('pluginModal');\r\n        let currentFilter = 'all';\r\n\r\n        function renderPlugins(data) {\r\n            grid.innerHTML = \"\";\r\n            if (data.length === 0) {\r\n                grid.innerHTML = `<div style=\"grid-column: 1\/-1; text-align: center; padding: 3rem; color: var(--text-muted); background: var(--bg-card); border-radius: 8px; border: 1px dashed var(--border-color);\">Plugin tidak ditemukan.<\/div>`;\r\n                return;\r\n            }\r\n\r\n            data.forEach(item => {\r\n                const card = document.createElement('div');\r\n                card.className = 'plugin-card';\r\n                card.innerHTML = `\r\n                    <div>\r\n                        <div class=\"card-header\">\r\n                            <div class=\"category-icon\"><i class=\"fa-solid ${item.icon}\"><\/i><\/div>\r\n                            <span class=\"plugin-status\">Admin Only<\/span>\r\n                        <\/div>\r\n                        <div class=\"card-body\">\r\n                            <h3>${item.name}<\/h3>\r\n                            <span class=\"folder-tag\">${item.folder}<\/span>\r\n                            <p>${item.desc}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div>\r\n                        <div class=\"meta-info\">\r\n                            <span>${item.version}<\/span>\r\n                            <span>${item.date}<\/span>\r\n                        <\/div>\r\n                        <div class=\"card-actions\">\r\n                            <button class=\"btn btn-primary\" onclick=\"openDetails(${item.id})\">\r\n                                <i class=\"fa-solid fa-eye\"><\/i> Detail\r\n                            <\/button>\r\n                            <button class=\"btn btn-secondary\" onclick=\"quickCopy('${item.folder}')\" title=\"Copy Folder\">\r\n                                <i class=\"fa-solid fa-copy\"><\/i>\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                `;\r\n                grid.appendChild(card);\r\n            });\r\n        }\r\n\r\n        function applyFilters() {\r\n            const query = searchInput.value.toLowerCase().trim();\r\n            const filtered = pluginsData.filter(item => {\r\n                const matchesSearch = item.name.toLowerCase().includes(query) || item.folder.toLowerCase().includes(query);\r\n                const matchesCategory = (currentFilter === 'all') || (item.category === currentFilter);\r\n                return matchesSearch && matchesCategory;\r\n            });\r\n            renderPlugins(filtered);\r\n        }\r\n\r\n        searchInput.addEventListener('input', applyFilters);\r\n\r\n        filterBtns.forEach(btn => {\r\n            btn.addEventListener('click', () => {\r\n                filterBtns.forEach(b => b.classList.remove('active'));\r\n                btn.classList.add('active');\r\n                currentFilter = btn.getAttribute('data-filter');\r\n                applyFilters();\r\n            });\r\n        });\r\n\r\n        function openDetails(id) {\r\n            const item = pluginsData.find(p => p.id === id);\r\n            if (!item) return;\r\n\r\n            document.getElementById('modalIcon').innerHTML = `<i class=\"fa-solid ${item.icon}\"><\/i>`;\r\n            document.getElementById('modalTitle').innerText = item.name;\r\n            document.getElementById('modalFolder').innerText = item.folder;\r\n            document.getElementById('modalDesc').innerText = item.desc;\r\n            document.getElementById('codeName').innerText = item.name;\r\n            modal.classList.add('active');\r\n        }\r\n\r\n        function closeModalWindow() {\r\n            modal.classList.remove('active');\r\n        }\r\n\r\n        document.getElementById('closeModal').addEventListener('click', closeModalWindow);\r\n        modal.addEventListener('click', (e) => { if (e.target === modal) closeModalWindow(); });\r\n\r\n        function quickCopy(text) {\r\n            navigator.clipboard.writeText(text);\r\n            alert(`Folder \"${text}\" berhasil disalin.`);\r\n        }\r\n\r\n        \/\/ Initial Load\r\n        renderPlugins(pluginsData);\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>DesainKreasi &#8211; WP Plugin Repository Total Directory: 12 ADMIN VERIFIED Semua (12) Core &#038; App Elementor Galeri E-Commerce Utilitas &copy; 2026 DesainKreasi \u2014 WP Plugin Repository. High Speed Version. WP: 6.7+ PHP: 8.2+ MODE: LIGHTWEIGHT &times; Plugin Title _folder PHP Header Info: &lt;?php \/* Plugin Name: Plugin Description: Internal Plugin DesainKreasi Author: DesainKreasi Web Design [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/appkreasi.my.id\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/appkreasi.my.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/appkreasi.my.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/appkreasi.my.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/appkreasi.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":16,"href":"https:\/\/appkreasi.my.id\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":33,"href":"https:\/\/appkreasi.my.id\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/33"}],"wp:attachment":[{"href":"https:\/\/appkreasi.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}