From 4b84b492073b5e0a908f2fd866c1cd652cbe28cd Mon Sep 17 00:00:00 2001
From: multipleof4 <planetrenox@protonmail.com>
Date: Wed, 3 Sep 2025 15:13:33 -0700
Subject: [PATCH] Sync: Update sune 'Marketplace'

---
 marketplace.sune | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/marketplace.sune b/marketplace.sune
index 6f90ce1..fef882a 100644
--- a/marketplace.sune
+++ b/marketplace.sune
@@ -5,7 +5,7 @@
     "pinned": false,
     "avatar": "",
     "url": "gh://sune-org/store@main/marketplace.sune",
-    "updatedAt": 1756931159110,
+    "updatedAt": 1756936934644,
     "settings": {
       "model": "openai/gpt-5",
       "temperature": 1,
@@ -20,7 +20,7 @@
       "verbosity": "",
       "reasoning_effort": "default",
       "system_prompt": "",
-      "html": "",
+      "html": "<!--\n  Sune: Marketplace\n  Version: 1.7.2\n  Description: Discover and install new sunes from the official sune-org/store repository.\n-->\n<div id=\"suneMarketplaceContainer\" class=\"p-4 md:p-6 bg-slate-50\">\n    <!-- Header -->\n    <div class=\"mb-6 pb-4 border-b border-slate-200\">\n        <div class=\"flex justify-between items-center\">\n            <h1 class=\"text-2xl font-bold text-slate-800\">Sune Marketplace</h1>\n            <span class=\"text-xs font-mono text-slate-400\">v1.7.2</span>\n        </div>\n        <p class=\"mt-1 text-sm text-slate-600\">Discover and install new capabilities for your Sune.</p>\n    </div>\n\n    <!-- Content Area: Populated by script -->\n    <div id=\"marketplaceContent\">\n        <div class=\"flex justify-center items-center py-20\">\n            <div class=\"animate-spin rounded-full h-12 w-12 border-b-2 border-slate-500\"></div>\n        </div>\n    </div>\n\n    <!-- Log Viewer -->\n    <div class=\"mt-8\">\n        <div class=\"flex justify-between items-center mb-2\">\n            <h3 class=\"text-sm font-semibold text-slate-600\">Installation Log</h3>\n            <button id=\"marketplaceClearLogBtn\" class=\"text-xs text-slate-500 hover:text-slate-800 hover:underline\">Clear Log</button>\n        </div>\n        <div id=\"marketplaceLogContainer\" class=\"bg-slate-800 text-white font-mono text-xs rounded-lg p-4 h-40 overflow-y-auto\" style=\"scroll-behavior: smooth;\">\n        </div>\n    </div>\n\n    <!-- Contribution Snippet -->\n    <div class=\"mt-8 pt-6 border-t border-slate-200\">\n        <div class=\"text-center bg-white p-6 rounded-lg border border-slate-200 shadow-sm\">\n             <div class=\"flex items-center justify-center gap-2\">\n                <i data-lucide=\"git-pull-request-arrow\" class=\"h-5 w-5 text-slate-600\"></i>\n                <h3 class=\"text-lg font-semibold text-slate-800\">Contribute your Sune</h3>\n            </div>\n            <p class=\"mt-2 text-sm text-slate-600 max-w-lg mx-auto\">\n                Have a sune you'd like to share? Add it by opening a pull request in the\n                <a href=\"https://github.com/sune-org/store\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"font-medium text-sky-600 hover:underline\">sune-org/store</a> repository.\n            </p>\n        </div>\n    </div>\n</div>\n\n<script>\n(() => {\n    // --- Get Root Element ---\n    const rootElement = document.getElementById('suneMarketplaceContainer');\n    if (!rootElement) {\n        console.error(\"Marketplace Sune: Root element #suneMarketplaceContainer not found.\");\n        return;\n    }\n\n    const marketplaceContent = rootElement.querySelector('#marketplaceContent');\n    const logContainer = rootElement.querySelector('#marketplaceLogContainer');\n\n    // --- State Management ---\n    window.SuneMarketplace = window.SuneMarketplace || { catalog: null, isLoading: false };\n\n    // --- Logging Utility ---\n    const logMessage = (message, type = 'info') => {\n        const entry = document.createElement('div');\n        const sanitizedMessage = message.toString().replace(/</g, '&lt;').replace(/>/g, '&gt;');\n        let prefix = '»';\n        let colorClass = 'text-slate-300';\n        switch (type) {\n            case 'success': prefix = '✔'; colorClass = 'text-green-400'; break;\n            case 'error':   prefix = '✖'; colorClass = 'text-red-400'; break;\n            case 'warn':    prefix = '⚠'; colorClass = 'text-yellow-400'; break;\n        }\n        entry.className = `flex items-start gap-2 ${colorClass}`;\n        entry.innerHTML = `<span class=\"flex-shrink-0 pt-0.5\">${prefix}</span><span class=\"flex-grow\">${sanitizedMessage}</span>`;\n        logContainer.appendChild(entry);\n        logContainer.scrollTop = logContainer.scrollHeight;\n    };\n\n    const clearLog = () => {\n        logContainer.innerHTML = '';\n        logMessage(\"Log cleared.\");\n    };\n\n    // --- Core Logic & UI ---\n    const convertToJsDelivrUrl = (rawUrl) => {\n        if (!rawUrl || typeof rawUrl !== 'string' || !rawUrl.startsWith('https://raw.githubusercontent.com/')) return rawUrl;\n        try {\n            const url = new URL(rawUrl);\n            const [, user, repo, branch, ...filePath] = url.pathname.split('/');\n            return `https://cdn.jsdelivr.net/gh/${user}/${repo}@${branch}/${filePath.join('/')}`;\n        } catch (e) { return rawUrl; }\n    };\n\n    const renderMarketplace = (items) => {\n        const installedSunes = window.SUNE?.list || [];\n        const html = items.map(item => {\n            const isInstalled = installedSunes.some(s => s.url === item.raw);\n            const buttonText = isInstalled ? 'Installed' : 'Install';\n            const buttonIcon = isInstalled ? 'check-circle' : 'download-cloud';\n            const buttonClasses = isInstalled \n                ? \"bg-slate-100 text-slate-500 cursor-default\" \n                : \"bg-slate-600 text-white hover:bg-slate-700 active:bg-slate-800 focus:ring-2 focus:ring-offset-2 focus:ring-slate-500\";\n            const displayName = (item.name || 'Untitled Sune').replace(/\\.sune$/, '').replace(/[-_]/g, ' ').replace(/\\b\\w/g, l => l.toUpperCase());\n            const description = item.description || \"Official utility sune to enhance workflow.\";\n\n            return `\n                <div class=\"bg-white border border-slate-200 rounded-lg shadow-sm p-5 flex flex-col justify-between transition-shadow hover:shadow-md\">\n                    <div>\n                        <h3 class=\"text-base font-semibold text-slate-800\">${displayName}</h3>\n                        <p class=\"text-sm text-slate-500 mt-1 h-10 overflow-hidden\">${description}</p>\n                    </div>\n                    <button data-name=\"${displayName}\" data-raw-url=\"${item.raw}\" class=\"install-btn mt-4 w-full px-4 py-2 text-sm font-medium rounded-md transition-colors duration-200 flex items-center justify-center gap-2 ${buttonClasses}\" ${isInstalled ? 'disabled' : ''}>\n                        <i data-lucide=\"${buttonIcon}\" class=\"h-4 w-4\"></i>\n                        <span>${buttonText}</span>\n                    </button>\n                </div>`;\n        }).join('');\n        marketplaceContent.innerHTML = `<div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4\">${html}</div>`;\n        window.lucide?.createIcons();\n    };\n\n    const handleInstallClick = async (button) => {\n        if (button.disabled) return;\n        \n        const displayName = button.dataset.name || 'Unknown Sune';\n        const canonicalUrl = button.dataset.rawUrl;\n        const fetchUrl = convertToJsDelivrUrl(canonicalUrl);\n\n        clearLog();\n        logMessage(`Starting installation for '${displayName}'...`);\n\n        button.disabled = true;\n        button.innerHTML = `<i data-lucide=\"loader-circle\" class=\"h-4 w-4 animate-spin\"></i><span>Installing...</span>`;\n        window.lucide?.createIcons();\n\n        try {\n            logMessage(`Fetching from: ${fetchUrl}`);\n            const response = await fetch(fetchUrl);\n            if (!response.ok) throw new Error(`Fetch failed with status: ${response.status}`);\n\n            const suneDataArray = await response.json();\n            if (!Array.isArray(suneDataArray) || suneDataArray.length === 0) throw new Error('Invalid or empty sune file format.');\n            \n            const suneData = suneDataArray[0];\n            suneData.url = canonicalUrl;\n            logMessage('File parsed successfully.');\n\n            const existingSune = (window.SUNE?.list || []).find(s => s.url === canonicalUrl || (suneData.id && s.id === suneData.id));\n\n            if (existingSune) {\n                logMessage(`Found existing installation: '${existingSune.name}'.`);\n                if (+(existingSune.updatedAt || 0) >= +(suneData.updatedAt || 0)) {\n                    logMessage('Sune is already up to date.', 'warn');\n                    button.innerHTML = `<i data-lucide=\"check-circle\" class=\"h-4 w-4\"></i><span>Up to date</span>`;\n                } else {\n                    logMessage('Newer version found. Updating...');\n                    window.SUNE.delete(existingSune.id);\n                    window.SUNE.create(suneData);\n                    logMessage(`Updated successfully.`, 'success');\n                    button.innerHTML = `<i data-lucide=\"check-circle\" class=\"h-4 w-4\"></i><span>Updated</span>`;\n                }\n            } else {\n                logMessage('No existing installation found. Creating new sune...');\n                window.SUNE.create(suneData);\n                logMessage('Sune created successfully.', 'success');\n                button.innerHTML = `<i data-lucide=\"check-circle\" class=\"h-4 w-4\"></i><span>Installed</span>`;\n            }\n            \n            logMessage('Refreshing sune list...');\n            if (typeof window.renderSidebar === 'function') {\n                window.renderSidebar();\n                logMessage('UI refresh complete.', 'success');\n            } else {\n                logMessage('Could not find window.renderSidebar(). Please reload to see changes.', 'warn');\n            }\n            \n            button.classList.remove('bg-slate-600', 'hover:bg-slate-700');\n            button.classList.add('bg-slate-100', 'text-slate-500', 'cursor-default');\n\n        } catch (error) {\n            logMessage(`Installation failed: ${error.message}`, 'error');\n            button.disabled = false;\n            button.innerHTML = `<i data-lucide=\"alert-triangle\" class=\"h-4 w-4\"></i><span>Retry Install</span>`;\n        } finally {\n            window.lucide?.createIcons();\n        }\n    };\n    \n    const initMarketplace = async () => {\n        logContainer.innerHTML = \"\"; // Clear log on init\n        if (window.SuneMarketplace.catalog) {\n            renderMarketplace(window.SuneMarketplace.catalog);\n            logMessage(\"Loaded cached catalog.\");\n            return;\n        }\n        if (window.SuneMarketplace.isLoading) return;\n        \n        try {\n            window.SuneMarketplace.isLoading = true;\n            logMessage(\"Fetching sune catalog...\");\n            \n            const catalogUrl = 'https://cdn.jsdelivr.net/gh/sune-org/store@main/catalog.json';\n            const response = await fetch(catalogUrl, { cache: 'no-store' });\n            if (!response.ok) throw new Error(`Catalog fetch failed: Status ${response.status}`);\n            \n            const catalogData = (await response.json()).filter(i => i.name.endsWith('.sune'));\n            window.SuneMarketplace.catalog = catalogData;\n            logMessage(`Catalog loaded with ${catalogData.length} items.`);\n            renderMarketplace(catalogData);\n        } catch (error) {\n            logMessage(`Error initializing marketplace: ${error.message}`, 'error');\n            marketplaceContent.innerHTML = `<div class=\"text-center py-20 bg-red-50 text-red-700 rounded-lg\"><p>Could not load Marketplace.</p><p class=\"text-sm mt-2\">${error.message}</p></div>`;\n        } finally {\n            window.SuneMarketplace.isLoading = false;\n        }\n    };\n    \n    // --- Event Listener ---\n    // Attach one delegated listener to the root element.\n    rootElement.addEventListener('click', (event) => {\n        const installButton = event.target.closest('.install-btn');\n        if (installButton) {\n            handleInstallClick(installButton);\n            return;\n        }\n\n        const clearButton = event.target.closest('#marketplaceClearLogBtn');\n        if (clearButton) {\n            clearLog();\n            return;\n        }\n    });\n\n    // --- Initialization ---\n    initMarketplace();\n    window.lucide?.createIcons();\n\n})();\n</script>\n",
       "extension_html": "<sune src='https://raw.githubusercontent.com/sune-org/store/refs/heads/main/sync.sune' private />"
     }
   }