@kaikybrofc/omnizap-system 2.2.9 → 2.3.0

package/public/js/catalog.js

@@ -90,51 +90,11 @@
     packPageWhatsApp: document.getElementById('pack-page-whatsapp'),
   };
 
-  if (
-    !els.hero ||
-    !els.form ||
-    !els.search ||
-    !els.visibility ||
-    !els.categories ||
-    !els.categoriesPicker ||
-    !els.categoriesSearch ||
-    !els.categoriesChips ||
-    !els.categoriesOptions ||
-    !els.status ||
-    !els.grid ||
-    !els.more ||
-    !els.orphanStatus ||
-    !els.orphanGrid ||
-    !els.orphanPrev ||
-    !els.orphanNext ||
-    !els.orphanPageInfo ||
-    !els.panel ||
-    !els.panelTitle ||
-    !els.panelSub ||
-    !els.panelChip ||
-    !els.panelError ||
-    !els.panelPrev ||
-    !els.panelNext ||
-    !els.panelPageInfo ||
-    !els.copy ||
-    !els.useWhatsAppLink ||
-    !els.stickers ||
-    !els.packPage ||
-    !els.packPageTitle ||
-    !els.packPageSub ||
-    !els.packPageChip ||
-    !els.packPageStatus ||
-    !els.packPageGrid ||
-    !els.packPageBack ||
-    !els.packPageCopy ||
-    !els.packPageWhatsApp
-  ) {
+  if (!els.hero || !els.form || !els.search || !els.visibility || !els.categories || !els.categoriesPicker || !els.categoriesSearch || !els.categoriesChips || !els.categoriesOptions || !els.status || !els.grid || !els.more || !els.orphanStatus || !els.orphanGrid || !els.orphanPrev || !els.orphanNext || !els.orphanPageInfo || !els.panel || !els.panelTitle || !els.panelSub || !els.panelChip || !els.panelError || !els.panelPrev || !els.panelNext || !els.panelPageInfo || !els.copy || !els.useWhatsAppLink || !els.stickers || !els.packPage || !els.packPageTitle || !els.packPageSub || !els.packPageChip || !els.packPageStatus || !els.packPageGrid || !els.packPageBack || !els.packPageCopy || !els.packPageWhatsApp) {
     return;
   }
 
-  const panelModal = window.bootstrap?.Modal
-    ? window.bootstrap.Modal.getOrCreateInstance(els.panel)
-    : null;
+  const panelModal = window.bootstrap?.Modal ? window.bootstrap.Modal.getOrCreateInstance(els.panel) : null;
 
   let shouldReplaceStateOnHide = false;
 
@@ -208,10 +168,7 @@
       chip.className = 'category-chip';
       chip.dataset.value = value;
       chip.setAttribute('aria-label', 'Remover categoria ' + (entry?.label || value));
-      chip.innerHTML =
-        '<span class="category-chip-label">' +
-        (entry?.label || value) +
-        '</span><i class="fa-solid fa-xmark category-chip-remove" aria-hidden="true"></i>';
+      chip.innerHTML = '<span class="category-chip-label">' + (entry?.label || value) + '</span><i class="fa-solid fa-xmark category-chip-remove" aria-hidden="true"></i>';
       els.categoriesChips.appendChild(chip);
     });
   };
@@ -240,10 +197,7 @@
       button.type = 'button';
       button.className = 'category-option' + (selected.has(entry.value) ? ' selected' : '');
       button.dataset.value = entry.value;
-      button.innerHTML =
-        '<span class="category-option-label">' +
-        entry.label +
-        '</span><i class="fa-solid fa-check category-option-check" aria-hidden="true"></i>';
+      button.innerHTML = '<span class="category-option-label">' + entry.label + '</span><i class="fa-solid fa-check category-option-check" aria-hidden="true"></i>';
       els.categoriesOptions.appendChild(button);
     });
   };
@@ -401,9 +355,7 @@
       .map(([label]) => toTagToken(label))
       .filter(Boolean);
 
-    const merged = [...rankedFromScores, ...classificationTags, ...explicitTags]
-      .map((tag) => toTagToken(tag))
-      .filter(Boolean);
+    const merged = [...rankedFromScores, ...classificationTags, ...explicitTags].map((tag) => toTagToken(tag)).filter(Boolean);
 
     return Array.from(new Set(merged)).slice(0, 3);
   };
@@ -430,9 +382,7 @@
     const explicitTags = Array.isArray(pack?.tags) ? pack.tags : [];
     const classificationTags = Array.isArray(pack?.classification?.tags) ? pack.classification.tags : [];
 
-    const merged = [...classificationTags, ...explicitTags]
-      .map((tag) => toTagToken(tag))
-      .filter(Boolean);
+    const merged = [...classificationTags, ...explicitTags].map((tag) => toTagToken(tag)).filter(Boolean);
 
     return Array.from(new Set(merged)).slice(0, 3);
   };
@@ -473,8 +423,7 @@
     const visibilityBadge = document.createElement('span');
     visibilityBadge.className = 'pack-visibility-badge';
     const visibility = String(pack.visibility || '').toLowerCase();
-    visibilityBadge.textContent =
-      visibility === 'public' ? 'Público' : visibility === 'unlisted' ? 'Não listado' : 'Privado';
+    visibilityBadge.textContent = visibility === 'public' ? 'Público' : visibility === 'unlisted' ? 'Não listado' : 'Privado';
 
     const countBadge = document.createElement('span');
     countBadge.className = 'pack-count-badge';
@@ -546,13 +495,7 @@
     for (let index = 0; index < count; index += 1) {
       const col = document.createElement('div');
       col.className = 'col-4 col-sm-6 col-md-4 col-lg-3';
-      col.innerHTML =
-        '<div class="card h-100 bg-dark text-light shadow-sm pack-card">' +
-        '<div class="card-body d-flex flex-column gap-2">' +
-        '<div class="skeleton skeleton-thumb"></div>' +
-        '<div class="skeleton skeleton-line"></div>' +
-        '<div class="skeleton skeleton-line short"></div>' +
-        '</div></div>';
+      col.innerHTML = '<div class="card h-100 bg-dark text-light shadow-sm pack-card">' + '<div class="card-body d-flex flex-column gap-2">' + '<div class="skeleton skeleton-thumb"></div>' + '<div class="skeleton skeleton-line"></div>' + '<div class="skeleton skeleton-line short"></div>' + '</div></div>';
       els.grid.appendChild(col);
     }
   };
@@ -607,8 +550,7 @@
 
     els.packPageTitle.textContent = pack?.name || 'Pack';
     els.packPageSub.textContent = (pack?.publisher || '-') + ' | ' + (pack?.description || 'Sem descrição');
-    els.packPageChip.textContent =
-      String(pack?.sticker_count || items.length || 0) + ' itens | ' + (pack?.visibility || '-') + ' | ' + (pack?.pack_key || '-');
+    els.packPageChip.textContent = String(pack?.sticker_count || items.length || 0) + ' itens | ' + (pack?.visibility || '-') + ' | ' + (pack?.pack_key || '-');
     applyWhatsAppLink(els.packPageWhatsApp, pack?.whatsapp?.url);
 
     els.packPageGrid.innerHTML = '';
@@ -643,11 +585,7 @@
     for (let index = 0; index < count; index += 1) {
       const col = document.createElement('div');
       col.className = 'col-6 col-md-3 col-lg-2';
-      col.innerHTML =
-        '<article class="orphan-card card h-100"><div class="card-body p-2">' +
-        '<div class="skeleton skeleton-orphan"></div>' +
-        '<div class="skeleton skeleton-line short mt-2"></div>' +
-        '</div></article>';
+      col.innerHTML = '<article class="orphan-card card h-100"><div class="card-body p-2">' + '<div class="skeleton skeleton-orphan"></div>' + '<div class="skeleton skeleton-line short mt-2"></div>' + '</div></article>';
       els.orphanGrid.appendChild(col);
     }
   };
@@ -779,8 +717,7 @@
 
     els.panelPrev.disabled = state.panelPagination.page <= 1;
     els.panelNext.disabled = state.panelPagination.page >= totalPages;
-    els.panelPageInfo.textContent =
-      'Página ' + state.panelPagination.page + ' de ' + totalPages + ' - ' + safeTotal + ' stickers';
+    els.panelPageInfo.textContent = 'Página ' + state.panelPagination.page + ' de ' + totalPages + ' - ' + safeTotal + ' stickers';
   };
 
   const renderPanelStickersPage = () => {

package/public/js/github-panel/components/ErrorState.js

@@ -3,14 +3,7 @@ import { React, memo } from '../vendor/react.js';
 const h = React.createElement;
 
 function ErrorStateComponent({ message, onRetry, isRateLimited }) {
-  return h(
-    'section',
-    { className: 'ghp-error', role: 'alert' },
-    h('h3', null, 'Não foi possível carregar os dados do GitHub'),
-    h('p', null, message || 'Tente novamente em alguns instantes.'),
-    isRateLimited ? h('p', { className: 'ghp-rate-limit' }, 'Limite de requisições do GitHub atingido. Tente novamente em breve.') : null,
-    h('button', { type: 'button', className: 'ghp-retry', onClick: onRetry }, 'Tentar novamente'),
-  );
+  return h('section', { className: 'ghp-error', role: 'alert' }, h('h3', null, 'Não foi possível carregar os dados do GitHub'), h('p', null, message || 'Tente novamente em alguns instantes.'), isRateLimited ? h('p', { className: 'ghp-rate-limit' }, 'Limite de requisições do GitHub atingido. Tente novamente em breve.') : null, h('button', { type: 'button', className: 'ghp-retry', onClick: onRetry }, 'Tentar novamente'));
 }
 
 export const ErrorState = memo(ErrorStateComponent);

package/public/js/github-panel/components/GithubProjectPanel.js

@@ -92,15 +92,8 @@ export function GithubProjectPanel({ owner, repo, endpoint }) {
         ),
       ),
     ),
-    error
-      ? h('p', { className: 'ghp-inline-warning', role: 'status' }, error.rateLimited ? 'Limite da API do GitHub atingido; exibindo cache local.' : 'Exibindo último snapshot disponível.')
-      : null,
+    error ? h('p', { className: 'ghp-inline-warning', role: 'status' }, error.rateLimited ? 'Limite da API do GitHub atingido; exibindo cache local.' : 'Exibindo último snapshot disponível.') : null,
     h('div', { className: 'ghp-stat-grid' }, ...statCards.map((card) => h(StatCard, { key: card.label, ...card }))),
-    h(
-      'div',
-      { className: 'ghp-list-grid' },
-      h('section', { className: 'ghp-list-card' }, h('h4', { className: 'ghp-list-title' }, 'Últimos Commits'), h(CommitList, { items: data?.latest_commits || [], formatDate: fmtDate })),
-      h('section', { className: 'ghp-list-card' }, h('h4', { className: 'ghp-list-title' }, 'Últimas Releases'), h(ReleaseList, { items: data?.latest_releases || [], formatDate: fmtDate })),
-    ),
+    h('div', { className: 'ghp-list-grid' }, h('section', { className: 'ghp-list-card' }, h('h4', { className: 'ghp-list-title' }, 'Últimos Commits'), h(CommitList, { items: data?.latest_commits || [], formatDate: fmtDate })), h('section', { className: 'ghp-list-card' }, h('h4', { className: 'ghp-list-title' }, 'Últimas Releases'), h(ReleaseList, { items: data?.latest_releases || [], formatDate: fmtDate }))),
   );
 }

package/public/js/github-panel/components/SkeletonPanel.js

@@ -6,17 +6,7 @@ function SkeletonPanelComponent() {
   const statNodes = Array.from({ length: 10 }).map((_, index) => h('div', { key: `s-${index}`, className: 'ghp-skeleton-card' }));
   const listNodes = Array.from({ length: 4 }).map((_, index) => h('li', { key: `l-${index}`, className: 'ghp-skeleton-line' }));
 
-  return h(
-    'section',
-    { className: 'ghp-panel', 'aria-busy': 'true', 'aria-live': 'polite' },
-    h('div', { className: 'ghp-stat-grid' }, ...statNodes),
-    h(
-      'div',
-      { className: 'ghp-list-grid' },
-      h('div', { className: 'ghp-list-card' }, h('div', { className: 'ghp-skeleton-title' }), h('ul', { className: 'ghp-list' }, ...listNodes)),
-      h('div', { className: 'ghp-list-card' }, h('div', { className: 'ghp-skeleton-title' }), h('ul', { className: 'ghp-list' }, ...listNodes)),
-    ),
-  );
+  return h('section', { className: 'ghp-panel', 'aria-busy': 'true', 'aria-live': 'polite' }, h('div', { className: 'ghp-stat-grid' }, ...statNodes), h('div', { className: 'ghp-list-grid' }, h('div', { className: 'ghp-list-card' }, h('div', { className: 'ghp-skeleton-title' }), h('ul', { className: 'ghp-list' }, ...listNodes)), h('div', { className: 'ghp-list-card' }, h('div', { className: 'ghp-skeleton-title' }), h('ul', { className: 'ghp-list' }, ...listNodes))));
 }
 
 export const SkeletonPanel = memo(SkeletonPanelComponent);

package/public/js/github-panel/components/StatCard.js

@@ -3,13 +3,7 @@ import { React, memo } from '../vendor/react.js';
 const h = React.createElement;
 
 function StatCardComponent({ label, value, detail, iconClass }) {
-  return h(
-    'article',
-    { className: 'ghp-stat-card' },
-    h('header', { className: 'ghp-stat-head' }, h('span', { className: 'ghp-stat-label' }, label), iconClass ? h('i', { className: iconClass, 'aria-hidden': 'true' }) : null),
-    h('p', { className: 'ghp-stat-value' }, value),
-    h('p', { className: 'ghp-stat-detail', title: detail || '' }, detail || ' '),
-  );
+  return h('article', { className: 'ghp-stat-card' }, h('header', { className: 'ghp-stat-head' }, h('span', { className: 'ghp-stat-label' }, label), iconClass ? h('i', { className: iconClass, 'aria-hidden': 'true' }) : null), h('p', { className: 'ghp-stat-value' }, value), h('p', { className: 'ghp-stat-detail', title: detail || '' }, detail || ' '));
 }
 
 export const StatCard = memo(StatCardComponent);

package/public/js/github-panel/vendor/react.js

@@ -1,11 +1,3 @@
-export {
-  default as React,
-  memo,
-  useMemo,
-  useCallback,
-  useEffect,
-  useRef,
-  useState,
-} from 'https://esm.sh/react@18.3.1';
+export { default as React, memo, useMemo, useCallback, useEffect, useRef, useState } from 'https://esm.sh/react@18.3.1';
 
 export { createRoot } from 'https://esm.sh/react-dom@18.3.1/client';

package/public/js/runtime/react-runtime.js

@@ -7,14 +7,6 @@ if (typeof document !== 'undefined' && !window.__omnizapTwindReady) {
   window.__omnizapTwindReady = true;
 }
 
-export {
-  default as React,
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-  memo,
-} from 'https://esm.sh/react@18.3.1';
+export { default as React, useCallback, useEffect, useMemo, useRef, useState, memo } from 'https://esm.sh/react@18.3.1';
 
 export { createRoot } from 'https://esm.sh/react-dom@18.3.1/client';

package/public/licenca/index.html

@@ -1,89 +1,106 @@
 <!doctype html>
 <html lang="pt-BR">
-<head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>Licença | OmniZap System</title>
-  <meta name="description" content="Informações de licença do OmniZap System (MIT License)." />
-  <meta name="robots" content="index, follow" />
-  <link rel="canonical" href="https://omnizap.shop/licenca/" />
-  <link rel="icon" type="image/jpeg" href="https://iili.io/FC3FABe.jpg" />
-  <link rel="apple-touch-icon" href="https://iili.io/FC3FABe.jpg" />
-  <style>
-    :root {
-      --bg: #0b1020;
-      --bg-2: #121a2f;
-      --line: #2a3b60;
-      --text: #e6edf7;
-      --muted: #9fb0cc;
-      --card: #141e36cc;
-    }
-    * { box-sizing: border-box; }
-    body {
-      margin: 0;
-      font-family: "Manrope", system-ui, -apple-system, sans-serif;
-      color: var(--text);
-      background:
-        radial-gradient(58rem 24rem at -8% -12%, #22c55e26, transparent 60%),
-        radial-gradient(58rem 24rem at 112% -10%, #38bdf822, transparent 58%),
-        linear-gradient(165deg, var(--bg), var(--bg-2));
-    }
-    .wrap { width: min(960px, 92vw); margin: 0 auto; padding: 24px 0 42px; }
-    .top {
-      display: flex;
-      gap: 10px;
-      flex-wrap: wrap;
-      margin-bottom: 16px;
-    }
-    .top a {
-      color: var(--text);
-      text-decoration: none;
-      border: 1px solid var(--line);
-      border-radius: 10px;
-      padding: 8px 12px;
-      background: #111a2d;
-    }
-    .card {
-      border: 1px solid var(--line);
-      border-radius: 14px;
-      background: var(--card);
-      padding: 18px;
-      margin-bottom: 12px;
-    }
-    h1, h2 { margin: 0 0 10px; }
-    h1 { font-size: clamp(28px, 4.2vw, 38px); }
-    p { color: var(--muted); line-height: 1.6; margin: 0 0 10px; }
-    pre {
-      margin: 0;
-      white-space: pre-wrap;
-      line-height: 1.5;
-      color: #d6e4fa;
-      border: 1px solid #314669;
-      border-radius: 12px;
-      background: #0f1729;
-      padding: 14px;
-      overflow: auto;
-    }
-  </style>
-</head>
-<body>
-  <main class="wrap">
-    <nav class="top" aria-label="Navegação">
-      <a href="/">Início</a>
-      <a href="/stickers/">Stickers</a>
-      <a href="/api-docs/">API</a>
-      <a href="/termos-de-uso/">Termos de Uso</a>
-    </nav>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Licença | OmniZap System</title>
+    <meta name="description" content="Informações de licença do OmniZap System (MIT License)." />
+    <meta name="robots" content="index, follow" />
+    <link rel="canonical" href="https://omnizap.shop/licenca/" />
+    <link rel="icon" type="image/jpeg" href="https://iili.io/FC3FABe.jpg" />
+    <link rel="apple-touch-icon" href="https://iili.io/FC3FABe.jpg" />
+    <style>
+      :root {
+        --bg: #0f172a;
+        --bg-2: #111827;
+        --line: rgba(255, 255, 255, 0.05);
+        --text: #f8fafc;
+        --muted: #94a3b8;
+        --card: #1e293bcc;
+      }
+      * {
+        box-sizing: border-box;
+      }
+      body {
+        margin: 0;
+        font-family:
+          'Manrope',
+          system-ui,
+          -apple-system,
+          sans-serif;
+        color: var(--text);
+        background: radial-gradient(58rem 24rem at -8% -12%, #2563eb26, transparent 60%), radial-gradient(58rem 24rem at 112% -10%, #7c3aed22, transparent 58%), linear-gradient(165deg, var(--bg), var(--bg-2));
+      }
+      .wrap {
+        width: min(960px, 92vw);
+        margin: 0 auto;
+        padding: 24px 0 42px;
+      }
+      .top {
+        display: flex;
+        gap: 10px;
+        flex-wrap: wrap;
+        margin-bottom: 16px;
+      }
+      .top a {
+        color: var(--text);
+        text-decoration: none;
+        border: 1px solid var(--line);
+        border-radius: 10px;
+        padding: 8px 12px;
+        background: #111827;
+      }
+      .card {
+        border: 1px solid var(--line);
+        border-radius: 14px;
+        background: var(--card);
+        padding: 18px;
+        margin-bottom: 12px;
+      }
+      h1,
+      h2 {
+        margin: 0 0 10px;
+      }
+      h1 {
+        font-size: clamp(28px, 4.2vw, 38px);
+      }
+      p {
+        color: var(--muted);
+        line-height: 1.6;
+        margin: 0 0 10px;
+      }
+      pre {
+        margin: 0;
+        white-space: pre-wrap;
+        line-height: 1.5;
+        color: #d6e4fa;
+        border: 1px solid #314669;
+        border-radius: 12px;
+        background: #0f1729;
+        padding: 14px;
+        overflow: auto;
+      }
+    </style>
+  </head>
+  <body>
+    <main class="wrap">
+      <nav class="top" aria-label="Navegação">
+        <a href="/">Início</a>
+        <a href="/stickers/">Stickers</a>
+        <a href="/api-docs/">API</a>
+        <a href="/termos-de-uso/">Termos de Uso</a>
+      </nav>
 
-    <section class="card">
-      <h1>Licença</h1>
-      <p>Este projeto é distribuído sob a licença MIT. Abaixo está o texto da licença usada no repositório.</p>
-      <p>Copyright (c) 2025 Kaiky Brito</p>
-    </section>
+      <section class="card">
+        <h1>Licença</h1>
+        <p>Este projeto é distribuído sob a licença MIT. Abaixo está o texto da licença usada no repositório.</p>
+        <p>Copyright (c) 2025 Kaiky Brito</p>
+      </section>
 
-    <section class="card">
-      <h2>MIT License (texto original)</h2>
-      <pre>Permission is hereby granted, free of charge, to any person obtaining a copy
+      <section class="card">
+        <h2>MIT License (texto original)</h2>
+        <pre>
+Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
 in the Software without restriction, including without limitation the rights
 to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
@@ -99,8 +116,9 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.</pre>
-    </section>
-  </main>
-</body>
+SOFTWARE.</pre
+        >
+      </section>
+    </main>
+  </body>
 </html>