Merge pull request #97 from DGouron/feat/69-extract-dashboard-utility-modules

feat(dashboard): extract utility modules and add i18n support

Author: DGouron

src/interface-adapters/views/dashboard/index.html

@@ -0,0 +1,4 @@
+export const MAX_RECONNECT_ATTEMPTS = 10;
+export const RECONNECT_DELAY = 3000;
+export const STORAGE_KEY_PROJECTS = 'review-flow-projects';
+export const STORAGE_KEY_CURRENT = 'review-flow-current-project';

src/interface-adapters/views/dashboard/modules/constants.js

@@ -0,0 +1,57 @@
+import { t, getLanguage } from './i18n.js';
+
+/**
+ * @param {string | null | undefined} dateStr
+ * @returns {string}
+ */
+export function formatTime(dateStr) {
+  if (!dateStr) return '-';
+  const date = new Date(dateStr);
+  const now = new Date();
+  const diff = now - date;
+  if (diff < 60000) return t('time.justNow');
+  if (diff < 3600000) return t('time.minutesAgo', { minutes: Math.floor(diff / 60000) });
+  if (diff < 86400000) return t('time.hoursAgo', { hours: Math.floor(diff / 3600000) });
+  const locale = getLanguage() === 'fr' ? 'fr-FR' : 'en-US';
+  return date.toLocaleDateString(locale);
+}
+
+/**
+ * @param {string | null | undefined} startStr
+ * @param {string | null | undefined} endStr
+ * @param {number | null | undefined} totalMs
+ * @returns {string}
+ */
+export function formatDuration(startStr, endStr, totalMs) {
+  let diff;
+  if (totalMs !== undefined && totalMs !== null) {
+    diff = Math.floor(totalMs / 1000);
+  } else if (startStr) {
+    const start = new Date(startStr);
+    const end = endStr ? new Date(endStr) : new Date();
+    diff = Math.floor((end - start) / 1000);
+  } else {
+    return '';
+  }
+  if (diff < 60) return `${diff}s`;
+  if (diff < 3600) return `${Math.floor(diff / 60)}m ${diff % 60}s`;
+  return `${Math.floor(diff / 3600)}h ${Math.floor((diff % 3600) / 60)}m`;
+}
+
+/**
+ * @param {string} phase
+ * @returns {string}
+ */
+export function formatPhase(phase) {
+  return t(`phase.${phase}`);
+}
+
+/**
+ * @param {number} timestamp
+ * @returns {string}
+ */
+export function formatLogTime(timestamp) {
+  const date = new Date(timestamp);
+  const locale = getLanguage() === 'fr' ? 'fr-FR' : 'en-US';
+  return date.toLocaleTimeString(locale);
+}

src/interface-adapters/views/dashboard/modules/formatting.js

@@ -0,0 +1,48 @@
+/**
+ * @param {string | null | undefined} text
+ * @returns {string}
+ */
+export function escapeHtml(text) {
+  if (!text) return '';
+  return text
+    .replace(/&/g, '&')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+}
+
+/**
+ * @param {string} md
+ * @returns {string}
+ */
+export function markdownToHtml(md) {
+  const html = md
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/```(\w*)\n([\s\S]*?)```/g, '<pre><code>$2</code></pre>')
+    .replace(/`([^`]+)`/g, '<code>$1</code>')
+    .replace(/^### (.+)$/gm, '<h3>$1</h3>')
+    .replace(/^## (.+)$/gm, '<h2>$1</h2>')
+    .replace(/^# (.+)$/gm, '<h1>$1</h1>')
+    .replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>')
+    .replace(/\*([^*]+)\*/g, '<em>$1</em>')
+    .replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" target="_blank">$1</a>')
+    .replace(/^> (.+)$/gm, '<blockquote>$1</blockquote>')
+    .replace(/^- (.+)$/gm, '<li>$1</li>')
+    .replace(/^\d+\. (.+)$/gm, '<li>$1</li>')
+    .replace(/^---$/gm, '<hr>')
+    .replace(/^\|(.+)\|$/gm, (match, content) => {
+      const cells = content.split('|').map((/** @type {string} */ c) => c.trim());
+      if (cells.every((/** @type {string} */ c) => c.match(/^-+$/))) return '';
+      const cellTag = match.includes('---') ? 'th' : 'td';
+      return '<tr>' + cells.map((/** @type {string} */ c) => `<${cellTag}>${c}</${cellTag}>`).join('') + '</tr>';
+    })
+    .replace(/(<tr>[\s\S]*?<\/tr>)+/g, '<table>$&</table>')
+    .replace(/(<li>[\s\S]*?<\/li>)+/g, '<ul>$&</ul>')
+    .replace(/\n\n/g, '</p><p>')
+    .replace(/\n/g, '<br>');
+
+  return '<p>' + html + '</p>';
+}