Error al cargar el marketplace.
`;
}
}
-function showCustomModal(title, message, isConfirm = false) {
- return new Promise(resolve => {
-
- modalTitle.textContent = title;
- modalMessage.textContent = message;
-
- const currentConfirmButton = document.getElementById('modalConfirmButton');
- const currentCloseButton = document.getElementById('modalCloseButton');
-
- const newConfirmButton = currentConfirmButton.cloneNode(true);
- currentConfirmButton.parentNode.replaceChild(newConfirmButton, currentConfirmButton);
-
- const newCloseButton = currentCloseButton.cloneNode(true);
- currentCloseButton.parentNode.replaceChild(newCloseButton, currentCloseButton);
-
- if (isConfirm) {
-
- newConfirmButton.classList.remove('hidden');
- newConfirmButton.textContent = 'Confirm';
- newCloseButton.textContent = 'Cancel';
- } else {
-
- newConfirmButton.classList.add('hidden');
- newCloseButton.textContent = 'Close';
- }
-
- const closeModal = (confirmed) => {
- customModal.classList.add('hidden');
- resolve(confirmed);
+function initTabs() {
+ const tabs = document.querySelectorAll('.tab-button');
+ tabs.forEach(tab => {
+ tab.onclick = () => {
+ tabs.forEach(t => t.classList.remove('active'));
+ tab.classList.add('active');
+ currentTab = tab.dataset.tab;
+ renderGroupedView();
};
-
- newConfirmButton.onclick = () => closeModal(true);
- newCloseButton.onclick = () => closeModal(false);
-
- customModal.classList.remove('hidden');
});
}
-function renderExtensionCard(extension, isInstalled, isLocalOnly = false) {
+function renderGroupedView() {
+ marketplaceContent.innerHTML = '';
+ const activeFilter = filterSelect.value;
+ const groups = {};
- const extensionName = formatExtensionName(extension.fileName || extension.name);
- const extensionType = extension.type || 'Unknown';
+ let listToRender = [];
- let iconUrl;
+ if (currentTab === 'marketplace') {
- if (extension.baseUrl && extension.baseUrl !== 'Local Install') {
-
- iconUrl = `https://www.google.com/s2/favicons?domain=${extension.baseUrl}&sz=128`;
+ for (const [id, data] of Object.entries(marketplaceMetadata)) {
+ listToRender.push({
+ id,
+ ...data,
+ isInstalled: installedExtensions.includes(id.toLowerCase())
+ });
+ }
} else {
- const displayName = extensionName.replace(/\s/g, '+');
- iconUrl = `https://ui-avatars.com/api/?name=${displayName}&background=1f2937&color=fff&length=1`;
+ for (const [id, data] of Object.entries(marketplaceMetadata)) {
+ if (installedExtensions.includes(id.toLowerCase())) {
+ listToRender.push({ id, ...data, isInstalled: true });
+ }
+ }
+
+ installedExtensions.forEach(id => {
+ const existsInMeta = Object.keys(marketplaceMetadata).some(k => k.toLowerCase() === id);
+ if (!existsInMeta) {
+ listToRender.push({
+ id: id,
+ name: id.charAt(0).toUpperCase() + id.slice(1),
+ type: 'Local',
+ author: 'Unknown',
+ isInstalled: true
+ });
+ }
+ });
}
+ listToRender.forEach(ext => {
+ const type = ext.type || 'Other';
+
+ if (activeFilter !== 'All' && type !== activeFilter) return;
+
+ if (!groups[type]) groups[type] = [];
+ groups[type].push(ext);
+ });
+
+ const sortedTypes = Object.keys(groups).sort();
+
+ if (sortedTypes.length === 0) {
+ marketplaceContent.innerHTML = `No extensions found for this criteria.
`;
+ return;
+ }
+
+ sortedTypes.forEach(type => {
+ const section = document.createElement('div');
+ section.className = 'category-group';
+
+ const title = document.createElement('h2');
+ title.className = 'marketplace-section-title';
+ title.innerText = type.replace('-', ' ');
+
+ const grid = document.createElement('div');
+ grid.className = 'marketplace-grid';
+
+ groups[type].forEach(ext => grid.appendChild(createCard(ext)));
+
+ section.appendChild(title);
+ section.appendChild(grid);
+ marketplaceContent.appendChild(section);
+ });
+}
+
+function createCard(ext) {
const card = document.createElement('div');
- card.className = `extension-card grid-item extension-type-${extensionType.toLowerCase()}`;
- card.dataset.path = extension.fileName || extension.name;
- card.dataset.type = extensionType;
+ card.className = `extension-card ${ext.nsfw ? 'nsfw-ext' : ''} ${ext.broken ? 'broken-ext' : ''}`;
- let buttonHtml;
- let badgeHtml = '';
+ const iconUrl = `https://www.google.com/s2/favicons?domain=${ext.domain}&sz=128`
- if (isInstalled) {
-
- if (isLocalOnly) {
- badgeHtml = '
-
${extensionName}
- ${badgeHtml}
+
${ext.name}
+
by ${ext.author || 'Unknown'}
+
${ext.description || 'No description available.'}
+
+
+ ${ext.isInstalled ? 'Installed' : (ext.broken ? 'Broken' : 'Available')}
+
+ ${ext.nsfw ? 'NSFW' : ''}
+
No extensions found for the selected filter (${filterType}).
`;
- }
-}
-
-async function loadMarketplace() {
- extensionsGrid.innerHTML = '';
-
- for (let i = 0; i < 6; i++) {
- extensionsGrid.innerHTML += `
-
- 🚨 Error loading extensions.
-
Could not connect to the extension repository or local endpoint. Detail: ${error.message}
-