@autocode-cli/autocode 0.1.33 → 0.1.35

package/dist/server/dashboard/pages/issue-shared.js

@@ -0,0 +1,365 @@
+/**
+ * Shared components for issue pages
+ */
+import { escapeHtml } from '../utils.js';
+/**
+ * Generate the base CSS styles shared across all issue pages
+ */
+export function generateIssueBaseStyles() {
+    return `
+    :root {
+      --bg: #0a0a0f;
+      --bg-secondary: #12121a;
+      --bg-tertiary: #1a1a24;
+      --text: #f1f5f9;
+      --muted: #94a3b8;
+      --border: #2a2a3a;
+      --accent: #6366f1;
+      --blue: #4dabf7;
+      --green: #4ade80;
+      --yellow: #facc15;
+      --orange: #fb923c;
+      --red: #f87171;
+      --purple: #a78bfa;
+    }
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      background: var(--bg);
+      color: var(--text);
+      min-height: 100vh;
+    }
+    .header {
+      display: flex;
+      align-items: center;
+      gap: 24px;
+      padding: 16px 24px;
+      background: var(--bg-secondary);
+      border-bottom: 1px solid var(--border);
+      position: sticky;
+      top: 0;
+      z-index: 100;
+    }
+    .back-btn {
+      color: var(--muted);
+      text-decoration: none;
+      font-size: 14px;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+    .back-btn:hover { color: var(--text); }
+    .issue-header-info {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+    .issue-key {
+      font-family: 'SF Mono', Monaco, monospace;
+      font-size: 12px;
+      color: var(--accent);
+      background: rgba(99, 102, 241, 0.15);
+      padding: 4px 10px;
+      border-radius: 4px;
+      font-weight: 600;
+    }
+    .issue-title {
+      font-size: 18px;
+      font-weight: 600;
+      color: var(--text);
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .lang-selector {
+      display: flex;
+      gap: 4px;
+    }
+    .lang-btn {
+      background: transparent;
+      border: 1px solid var(--border);
+      color: var(--muted);
+      padding: 6px 12px;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 12px;
+      font-weight: 500;
+    }
+    .lang-btn:hover { border-color: var(--accent); color: var(--text); }
+    .lang-btn.active { background: var(--accent); border-color: var(--accent); color: white; }
+
+    /* Tabs navigation */
+    .tabs-nav {
+      display: flex;
+      gap: 0;
+      padding: 0 24px;
+      background: var(--bg-secondary);
+      border-bottom: 1px solid var(--border);
+    }
+    .tab-link {
+      padding: 12px 20px;
+      color: var(--muted);
+      text-decoration: none;
+      font-size: 14px;
+      font-weight: 500;
+      border-bottom: 2px solid transparent;
+      transition: all 0.2s;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+    .tab-link:hover {
+      color: var(--text);
+      background: var(--bg-tertiary);
+    }
+    .tab-link.active {
+      color: var(--accent);
+      border-bottom-color: var(--accent);
+    }
+    .tab-badge {
+      font-size: 11px;
+      padding: 2px 8px;
+      border-radius: 10px;
+      background: var(--bg-tertiary);
+      color: var(--muted);
+    }
+    .tab-link.active .tab-badge {
+      background: rgba(99, 102, 241, 0.2);
+      color: var(--accent);
+    }
+
+    .main-content {
+      padding: 24px 48px;
+    }
+    .section {
+      background: var(--bg-secondary);
+      border: 1px solid var(--border);
+      border-radius: 12px;
+      padding: 20px;
+    }
+    .section-title {
+      font-size: 12px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--muted);
+      margin-bottom: 16px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+    .notification {
+      position: fixed;
+      bottom: 24px;
+      right: 24px;
+      padding: 12px 20px;
+      background: var(--green);
+      color: #000;
+      border-radius: 8px;
+      font-weight: 500;
+      transform: translateY(100px);
+      opacity: 0;
+      transition: all 0.3s ease;
+      z-index: 1000;
+    }
+    .notification.show { transform: translateY(0); opacity: 1; }
+    .notification.error { background: var(--red); color: white; }
+  `;
+}
+/**
+ * Generate the tabs navigation HTML
+ */
+export function generateTabsNav(issueKey, activeTab, data) {
+    const tabs = [
+        { id: 'details', path: `/issue/${issueKey}`, labelKey: 'tabs.details' },
+        { id: 'comments', path: `/issue/${issueKey}/comments`, labelKey: 'tabs.comments', badge: data.commentsCount },
+        { id: 'history', path: `/issue/${issueKey}/history`, labelKey: 'tabs.history', badge: data.historyCount },
+        { id: 'terminal', path: `/issue/${issueKey}/terminal`, labelKey: 'tabs.terminal' },
+    ];
+    return `
+    <nav class="tabs-nav">
+      ${tabs.map(tab => {
+        const isActive = tab.id === activeTab;
+        const badgeHtml = tab.badge !== undefined ? `<span class="tab-badge">${tab.badge}</span>` : '';
+        return `<a href="${tab.path}" class="tab-link${isActive ? ' active' : ''}" data-i18n="${tab.labelKey}">${badgeHtml}</a>`;
+    }).join('')}
+    </nav>
+  `;
+}
+/**
+ * Generate the header HTML
+ */
+export function generateIssueHeader(issueKey, title) {
+    return `
+  <header class="header">
+    <a href="/" class="back-btn">← Dashboard</a>
+    <div class="issue-header-info">
+      <span class="issue-key">${escapeHtml(issueKey)}</span>
+      <span class="issue-title">${escapeHtml(title)}</span>
+    </div>
+    <div class="lang-selector" id="lang-selector">
+      <button class="lang-btn" data-lang="en">EN</button>
+      <button class="lang-btn" data-lang="fr">FR</button>
+    </div>
+  </header>
+  `;
+}
+/**
+ * Generate the shared JavaScript for i18n and notifications
+ */
+export function generateIssueBaseScript(issueKey) {
+    return `
+    const ISSUE_KEY = '${issueKey}';
+    const STORAGE_KEY = 'autocode-lang';
+    let currentLang = localStorage.getItem(STORAGE_KEY) || 'fr';
+
+    const translations = {
+      en: {
+        'tabs.details': 'Details',
+        'tabs.comments': 'Comments',
+        'tabs.history': 'History',
+        'tabs.terminal': 'Terminal',
+        'issueView.meta': 'Meta',
+        'issueView.labels': 'Labels',
+        'issueView.description': 'Description',
+        'issueView.criteria': 'Acceptance Criteria',
+        'issueView.history': 'History',
+        'issueView.actions': 'Actions',
+        'issueView.save': 'Save',
+        'issueView.moveNext': 'Move to next column',
+        'issueView.archive': 'Archive',
+        'issueView.confirmMove': 'Move this issue to the next column?',
+        'issueView.confirmArchive': 'Archive this issue?',
+        'issueView.comments': 'Comments',
+        'issueView.addComment': 'Add a comment...',
+        'issueView.noComments': 'No comments yet',
+        'issueView.claudeTerminal': 'Claude Terminal',
+        'issueView.noDescription': 'No description',
+        'issueView.noLog': 'No log yet. Waiting for Claude processing...',
+        'issueView.loadingPrompt': 'Loading prompt...',
+        'issueView.promptError': 'Error',
+        'btn.add': 'Add',
+        'btn.sending': 'Sending...',
+        'btn.saving': 'Saving...',
+        'status.waiting': 'Waiting',
+        'status.processing': 'Processing...',
+        'status.completed': 'Completed',
+        'status.failed': 'Failed',
+        'notify.commentAdded': 'Comment added',
+        'notify.issueAdvanced': 'Issue advanced',
+        'notify.issueArchived': 'Issue archived',
+        'notify.issueSaved': 'Issue saved',
+        'notify.error': 'Error'
+      },
+      fr: {
+        'tabs.details': 'Détails',
+        'tabs.comments': 'Commentaires',
+        'tabs.history': 'Historique',
+        'tabs.terminal': 'Terminal',
+        'issueView.meta': 'Méta',
+        'issueView.labels': 'Labels',
+        'issueView.description': 'Description',
+        'issueView.criteria': 'Critères d\\'acceptation',
+        'issueView.history': 'Historique',
+        'issueView.actions': 'Actions',
+        'issueView.save': 'Sauvegarder',
+        'issueView.moveNext': 'Déplacer vers la colonne suivante',
+        'issueView.archive': 'Archiver',
+        'issueView.confirmMove': 'Déplacer ce ticket vers la colonne suivante ?',
+        'issueView.confirmArchive': 'Archiver ce ticket ?',
+        'issueView.comments': 'Commentaires',
+        'issueView.addComment': 'Ajouter un commentaire...',
+        'issueView.noComments': 'Aucun commentaire',
+        'issueView.claudeTerminal': 'Terminal Claude',
+        'issueView.noDescription': 'Aucune description',
+        'issueView.noLog': 'Aucun log. En attente du traitement Claude...',
+        'issueView.loadingPrompt': 'Chargement du prompt...',
+        'issueView.promptError': 'Erreur',
+        'btn.add': 'Ajouter',
+        'btn.sending': 'Envoi...',
+        'btn.saving': 'Sauvegarde...',
+        'status.waiting': 'En attente',
+        'status.processing': 'En cours...',
+        'status.completed': 'Terminé',
+        'status.failed': 'Échec',
+        'notify.commentAdded': 'Commentaire ajouté',
+        'notify.issueAdvanced': 'Ticket avancé',
+        'notify.issueArchived': 'Ticket archivé',
+        'notify.issueSaved': 'Ticket sauvegardé',
+        'notify.error': 'Erreur'
+      }
+    };
+
+    function t(key) {
+      return translations[currentLang]?.[key] || translations['en'][key] || key;
+    }
+
+    function escapeHtml(text) {
+      if (!text) return '';
+      const div = document.createElement('div');
+      div.textContent = text;
+      return div.innerHTML;
+    }
+
+    function renderMarkdown(text) {
+      if (!text) return '';
+      let html = escapeHtml(text);
+      html = html.replace(/^### (.+)$/gm, '<h4>$1</h4>');
+      html = html.replace(/^## (.+)$/gm, '<h3>$1</h3>');
+      html = html.replace(/^# (.+)$/gm, '<h2>$1</h2>');
+      html = html.replace(/\\*\\*(.+?)\\*\\*/g, '<strong>$1</strong>');
+      html = html.replace(/\\*(.+?)\\*/g, '<em>$1</em>');
+      html = html.replace(/\`([^\`]+)\`/g, '<code>$1</code>');
+      html = html.replace(/\\[([^\\]]+)\\]\\(([^)]+)\\)/g, '<a href="$2" target="_blank">$1</a>');
+      html = html.replace(/^- (.+)$/gm, '<li>$1</li>');
+      html = html.replace(/(<li>.*<\\/li>\\n?)+/g, '<ul>$&</ul>');
+      html = html.replace(/\\n/g, '<br>');
+      return html;
+    }
+
+    function updateLangUI() {
+      document.querySelectorAll('.lang-btn').forEach(btn => {
+        btn.classList.toggle('active', btn.dataset.lang === currentLang);
+      });
+      document.querySelectorAll('[data-i18n]').forEach(el => {
+        const key = el.dataset.i18n;
+        const translated = t(key);
+        // Keep badge if present
+        const badge = el.querySelector('.tab-badge');
+        if (badge) {
+          el.innerHTML = translated + ' ' + badge.outerHTML;
+        } else {
+          el.textContent = translated;
+        }
+      });
+      document.querySelectorAll('[data-i18n-placeholder]').forEach(el => {
+        el.placeholder = t(el.dataset.i18nPlaceholder);
+      });
+    }
+
+    function showNotification(msg, isError) {
+      const notification = document.getElementById('notification');
+      notification.textContent = msg;
+      notification.className = 'notification show' + (isError ? ' error' : '');
+      setTimeout(() => notification.className = 'notification', 3000);
+    }
+
+    // Language switcher
+    document.querySelectorAll('.lang-btn').forEach(btn => {
+      btn.addEventListener('click', () => {
+        const newLang = btn.dataset.lang;
+        if (newLang !== currentLang) {
+          currentLang = newLang;
+          localStorage.setItem(STORAGE_KEY, newLang);
+          updateLangUI();
+          if (typeof onLangChange === 'function') onLangChange();
+        }
+      });
+    });
+
+    // Init lang
+    updateLangUI();
+  `;
+}
+//# sourceMappingURL=issue-shared.js.map

package/dist/server/dashboard/pages/issue-shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"issue-shared.js","sourceRoot":"","sources":["../../../../src/server/dashboard/pages/issue-shared.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAUzC;;GAEG;AACH,MAAM,UAAU,uBAAuB;IACrC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+JN,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,QAAgB,EAAE,SAA0D,EAAE,IAAmB;IAC/H,MAAM,IAAI,GAAG;QACX,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,QAAQ,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE;QACvE,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,QAAQ,WAAW,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE;QAC7G,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,QAAQ,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE;QACzG,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,QAAQ,WAAW,EAAE,QAAQ,EAAE,eAAe,EAAE;KACnF,CAAC;IAEF,OAAO;;QAED,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;QACf,MAAM,QAAQ,GAAG,GAAG,CAAC,EAAE,KAAK,SAAS,CAAC;QACtC,MAAM,SAAS,GAAG,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,2BAA2B,GAAG,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/F,OAAO,YAAY,GAAG,CAAC,IAAI,oBAAoB,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,gBAAgB,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC;IAC3H,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;;GAEd,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAAC,QAAgB,EAAE,KAAa;IACjE,OAAO;;;;gCAIuB,UAAU,CAAC,QAAQ,CAAC;kCAClB,UAAU,CAAC,KAAK,CAAC;;;;;;;GAOhD,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,uBAAuB,CAAC,QAAgB;IACtD,OAAO;yBACgB,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsJ9B,CAAC;AACJ,CAAC"}

package/dist/server/dashboard/pages/issue-terminal.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Issue terminal page generator
+ */
+/**
+ * Generate the issue terminal page
+ */
+export declare function generateIssueTerminalPage(issueKey: string, lang: string): string;
+//# sourceMappingURL=issue-terminal.d.ts.map

package/dist/server/dashboard/pages/issue-terminal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"issue-terminal.d.ts","sourceRoot":"","sources":["../../../../src/server/dashboard/pages/issue-terminal.ts"],"names":[],"mappings":"AAAA;;GAEG;AAcH;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAiWhF"}