lumencode 0.4.4 → 1.1.0

package/public/ui-state.js

@@ -1,52 +1,13 @@
 import { ID } from './config.js';
+import { destroyChart } from './utils.js';
 
 export function showSkeleton() {
-  document.querySelectorAll('.card-value').forEach(el => {
-    if (!el.classList.contains('skeleton')) {
-      el._origText = el.textContent;
-      el.textContent = '';
-      el.classList.add('skeleton');
-    }
-  });
-
-  document.querySelectorAll('.chart-wrap').forEach(el => {
-    if (!el.querySelector('.chart-skeleton')) {
-      const overlay = document.createElement('div');
-      overlay.className = 'chart-skeleton';
-      overlay.innerHTML = '<div class="chart-skeleton-bar"></div><div class="chart-skeleton-bar"></div><div class="chart-skeleton-bar"></div><div class="chart-skeleton-bar"></div><div class="chart-skeleton-bar"></div>';
-      el.appendChild(overlay);
-    }
-  });
-
-  const gitSection = document.getElementById(ID.GIT_SECTION);
-  if (gitSection && gitSection.style.display !== 'none') {
-    const gitStatsEl = document.getElementById(ID.GIT_STATS);
-    if (gitStatsEl) {
-      gitStatsEl.innerHTML = `
-        <div class="git-skeleton-grid">
-          <div><div class="skeleton" style="height:28px;width:60px;margin:0 auto 6px;border-radius:6px;"></div><div class="skeleton" style="height:14px;width:48px;margin:0 auto;border-radius:4px;"></div></div>
-          <div><div class="skeleton" style="height:28px;width:60px;margin:0 auto 6px;border-radius:6px;"></div><div class="skeleton" style="height:14px;width:48px;margin:0 auto;border-radius:4px;"></div></div>
-          <div><div class="skeleton" style="height:28px;width:60px;margin:0 auto 6px;border-radius:6px;"></div><div class="skeleton" style="height:14px;width:48px;margin:0 auto;border-radius:4px;"></div></div>
-          <div><div class="skeleton" style="height:28px;width:60px;margin:0 auto 6px;border-radius:6px;"></div><div class="skeleton" style="height:14px;width:48px;margin:0 auto;border-radius:4px;"></div></div>
-        </div>`;
-    }
-    const gitAiStats = document.getElementById(ID.GIT_AI_STATS);
-    if (gitAiStats) {
-      gitAiStats.innerHTML = `
-        <div class="git-skeleton-grid" style="grid-template-columns:repeat(3,1fr);padding-top:14px;margin-top:14px;border-top:1px dashed var(--hairline);">
-          <div><div class="skeleton" style="height:28px;width:50px;margin:0 auto 6px;border-radius:6px;"></div><div class="skeleton" style="height:14px;width:80px;margin:0 auto;border-radius:4px;"></div></div>
-          <div><div class="skeleton" style="height:28px;width:50px;margin:0 auto 6px;border-radius:6px;"></div><div class="skeleton" style="height:14px;width:80px;margin:0 auto;border-radius:4px;"></div></div>
-          <div><div class="skeleton" style="height:28px;width:50px;margin:0 auto 6px;border-radius:6px;"></div><div class="skeleton" style="height:14px;width:80px;margin:0 auto;border-radius:4px;"></div></div>
-        </div>`;
-    }
-    const gitInsightsRow = document.getElementById(ID.GIT_INSIGHTS_ROW);
-    if (gitInsightsRow) gitInsightsRow.style.display = 'none';
-  }
+  /* In the new design, Alpine.js reactive state handles loading indicators.
+     This function is kept for API compatibility. */
 }
 
 export function hideSkeleton() {
-  document.querySelectorAll('.card-value.skeleton').forEach(el => el.classList.remove('skeleton'));
-  document.querySelectorAll('.chart-skeleton').forEach(el => el.remove());
+  /*同上*/
 }
 
 export function showError(msg) {
@@ -67,37 +28,17 @@ export function hideError() {
 }
 
 export function showEmpty() {
-  document.querySelectorAll('.card-value').forEach(el => el.textContent = '-');
-  document.getElementById(ID.STATS_GRID).style.display = 'none';
-  document.getElementById(ID.ANALYTICS_SECTION).style.display = 'none';
-  document.getElementById(ID.TREND_SECTION).style.display = 'none';
-  document.getElementById(ID.GIT_SECTION).style.display = 'none';
   const wp = document.getElementById(ID.WELCOME_PAGE);
   if (wp) wp.style.display = 'flex';
-  [ID.EXPORT_CSV_BTN, ID.PRINT_BTN, ID.WORK_REPORT_BTN].forEach(id => {
-    const el = document.getElementById(id);
-    if (el) el.style.display = 'none';
-  });
 }
 
 export function hideEmpty() {
   const wp = document.getElementById(ID.WELCOME_PAGE);
   if (wp) wp.style.display = 'none';
-  document.getElementById(ID.STATS_GRID).style.display = 'grid';
-  document.getElementById(ID.ANALYTICS_SECTION).style.display = 'block';
-  [ID.EXPORT_CSV_BTN, ID.PRINT_BTN, ID.WORK_REPORT_BTN].forEach(id => {
-    const el = document.getElementById(id);
-    if (el) el.style.display = '';
-  });
 }
 
-export function clearReportUI(destroyChart) {
-  document.querySelectorAll('.card-value').forEach(el => el.textContent = '-');
-  document.querySelectorAll('.card-trend').forEach(el => el.textContent = '');
-  document.getElementById(ID.ANALYTICS_SECTION).style.display = 'block';
-  document.getElementById(ID.NO_DATA_HINT).style.display = 'block';
-  document.getElementById(ID.CHARTS_DASHBOARD).style.display = 'none';
-  document.getElementById(ID.TREND_SECTION).style.display = 'none';
-  document.getElementById(ID.GIT_SECTION).style.display = 'none';
-  [ID.SCENARIO_CHART, ID.MODEL_CHART, ID.PROJECT_CHART, ID.TOOL_CHART].forEach(destroyChart);
+export function clearReportUI(destroyChartFn) {
+  hideEmpty();
+  const keys = [ID.SCENARIO_CHART, ID.MODEL_CHART, ID.PROJECT_CHART, ID.TOOL_CHART, ID.TREND_CHART, ID.CACHE_CHART, ID.MODEL_COST_CHART];
+  keys.forEach(destroyChart);
 }

package/public/utils.js

@@ -1,3 +1,13 @@
+// 获取今天日期字符串 YYYY-MM-DD
+export function todayISO() {
+  return new Date().toISOString().slice(0, 10);
+}
+
+// 日期格式化 YYYY.MM.DD
+export function fmtDate(d) {
+  return `${d.getFullYear()}.${String(d.getMonth() + 1).padStart(2, '0')}.${String(d.getDate()).padStart(2, '0')}`;
+}
+
 // HTML 实体转义
 export function esc(s) {
   if (s == null) return '';

package/public/work-report.js

@@ -56,7 +56,7 @@ export function setWorkReportState(state) {
   if (state.level !== undefined) currentLevel = state.level;
 }
 
-// ── 加载并渲染工作汇报 ──
+// ── 加载并渲染工作汇报 (legacy, kept for compatibility) ──
 export async function loadWorkReport(fetchFn, tool, period, date, platform, level) {
   if (platform) currentPlatform = platform;
   if (level) currentLevel = level;
@@ -67,33 +67,13 @@ export async function loadWorkReport(fetchFn, tool, period, date, platform, leve
   if (!res.ok) return;
   const markdown = await res.text();
   currentWorkReportMarkdown = markdown;
-
-  let html = renderMarkdown(markdown);
-  const platformLabels = { default: '标准', feishu: '飞书', dingtalk: '钉钉' };
-  const platformClass = currentPlatform === 'feishu' ? 'feishu' : currentPlatform === 'dingtalk' ? 'dingtalk' : 'default';
-  const badgeHtml = `<span class="platform-badge ${platformClass}">${platformLabels[currentPlatform] || '标准'}</span>`;
-  html = html.replace(/(<h1 class="md-h1">.*?<\/h1>)/, `$1\n${badgeHtml}`);
-
-  const content = document.getElementById(ID.WORK_REPORT_CONTENT);
-  if (content) {
-    content.innerHTML = html;
-    content.classList.toggle('is-brief', currentLevel === 'brief');
-  }
-
-  document.getElementById(ID.STATS_GRID).style.display = 'none';
-  document.getElementById(ID.ANALYTICS_SECTION).style.display = 'none';
-  document.getElementById(ID.GIT_SECTION).style.display = 'none';
-  document.getElementById(ID.WORK_REPORT_SECTION).style.display = 'block';
-  document.getElementById(ID.WORK_REPORT_BTN).style.display = 'none';
 }
 
 // ── 复制 ──
 export async function copyWorkReport() {
   const text = currentWorkReportMarkdown;
-  const btn = document.getElementById(ID.COPY_WORK_REPORT);
   try {
     await navigator.clipboard.writeText(text);
-    if (btn) { btn.textContent = TEXT.COPIED; setTimeout(() => { btn.textContent = TEXT.COPY; }, 1500); }
   } catch {
     const ta = document.createElement('textarea');
     ta.value = text;
@@ -101,7 +81,6 @@ export async function copyWorkReport() {
     ta.select();
     document.execCommand('copy');
     document.body.removeChild(ta);
-    if (btn) { btn.textContent = TEXT.COPIED; setTimeout(() => { btn.textContent = TEXT.COPY; }, 1500); }
   }
 }