openclacky 1.3.6 → 1.3.8

data/lib/clacky/web/features/share/view.js

@@ -13,6 +13,11 @@
 // ───────────────────────────────────────────────────────────────────────────
 
 const ShareView = (() => {
+  const THEME_DOT = {
+    geek:  "#38bdf8",
+    light: "#6ee7b7",
+    warm:  "#ea580c"
+  };
   const THEME_KEY = "clacky-share-theme";
   const DRAFT_KEY = "clacky-share-draft";
 
@@ -158,32 +163,49 @@ const ShareView = (() => {
 
     _paintBackground(ctx, W, H, t, t.bg);
 
+    // ── Brand name ──
     ctx.fillStyle = t.title;
-    ctx.textAlign = "center";
-    ctx.font = "700 60px -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif";
-    ctx.fillText(_brandName(), W / 2, 150);
+    ctx.textAlign = "left";
+    ctx.font = "800 72px -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif";
+    ctx.fillText(_brandName(), 64, 140);
+
+    // ── Divider line ──
+    ctx.strokeStyle = t.hero;
+    ctx.lineWidth = 4;
+    ctx.lineCap = "round";
+    ctx.beginPath();
+    ctx.moveTo(64, 172);
+    ctx.lineTo(160, 172);
+    ctx.stroke();
 
+    // ── Copy text ──
     const text = (copy || "").trim() || I18n.t("share.poster.tagline", { brand: _brandName() });
     ctx.fillStyle = t.tagline;
-    _drawAutoText(ctx, text, W / 2, 250, W - 120, 480 - 250);
+    ctx.textAlign = "left";
+    _drawAutoTextLeft(ctx, text, 64, 210, W - 128, 420);
 
     const url = _shareUrl();
     if (url) {
-      const qrSize = 300;
-      const qrX = (W - qrSize) / 2;
-      const qrY = 560;
+      // ── QR code — bottom right ──
+      const qrSize = 180;
+      const qrX = W - qrSize - 56;
+      const qrY = H - qrSize - 100;
       ctx.fillStyle = "#ffffff";
-      _roundRect(ctx, qrX - 24, qrY - 24, qrSize + 48, qrSize + 48, 22);
+      _roundRect(ctx, qrX - 14, qrY - 14, qrSize + 28, qrSize + 28, 16);
       ctx.fill();
       _drawQrToCanvas(ctx, url, qrX, qrY, qrSize);
 
+      // ── Scan label under QR ──
       ctx.fillStyle = t.scan;
-      ctx.font = "400 28px -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif";
-      ctx.fillText(I18n.t("share.poster.scan"), W / 2, qrY + qrSize + 80);
+      ctx.textAlign = "center";
+      ctx.font = "400 22px -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif";
+      ctx.fillText(I18n.t("share.poster.scan"), qrX + qrSize / 2, qrY + qrSize + 44);
 
+      // ── Domain — bottom left ──
       ctx.fillStyle = t.scan;
-      ctx.font = "400 24px -apple-system, sans-serif";
-      ctx.fillText(url.replace(/^https?:\/\//, "").replace(/\/$/, ""), W / 2, H - 60);
+      ctx.textAlign = "left";
+      ctx.font = "300 24px -apple-system, sans-serif";
+      ctx.fillText(url.replace(/^https?:\/\//, "").replace(/\/$/, ""), 64, H - 56);
     }
 
     return canvas.toDataURL("image/png");
@@ -331,6 +353,27 @@ const ShareView = (() => {
     }
   }
 
+  function _drawAutoTextLeft(ctx, text, x, startY, maxWidth, maxHeight) {
+    const sizes = [52, 46, 40, 36, 32, 28, 24];
+    let chosen = null;
+    for (const size of sizes) {
+      ctx.font = "600 " + size + "px -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif";
+      const lh = Math.round(size * 1.55);
+      const lines = _wrapLines(ctx, text, maxWidth);
+      if (lines.length * lh <= maxHeight || size === sizes[sizes.length - 1]) {
+        chosen = { size, lh, lines };
+        break;
+      }
+    }
+    ctx.font = "600 " + chosen.size + "px -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif";
+    ctx.textAlign = "left";
+    let y = startY + chosen.lh * 0.8;
+    for (const line of chosen.lines) {
+      ctx.fillText(line, x, y);
+      y += chosen.lh;
+    }
+  }
+
   function _wrapLines(ctx, text, maxWidth) {
     const out = [];
     for (const para of String(text).split("\n")) {
@@ -469,9 +512,10 @@ const ShareView = (() => {
     const themeChips = THEME_ORDER.map((id) => {
       const th = THEMES[id];
       const on = id === _themeId() ? " is-active" : "";
+      const dot = '<span class="share-theme-dot" style="background:' + THEME_DOT[id] + '"></span>';
       return '<button type="button" class="share-theme-chip' + on + '" data-theme="' + id + '"' +
         ' style="background:' + th.swatch + '" title="' + _esc(I18n.t(th.labelKey)) + '">' +
-        '<span class="share-theme-name">' + _esc(I18n.t(th.labelKey)) + '</span></button>';
+        dot + '<span class="share-theme-name">' + _esc(I18n.t(th.labelKey)) + '</span></button>';
     }).join("");
 
     const platformTabs = PLATFORMS.map((p) => {
@@ -486,7 +530,9 @@ const ShareView = (() => {
         '<h3 class="share-title">' + _esc(I18n.t(titleKey, { brand: _brandName() })) + '</h3>' +
         '<p class="share-subtitle">' + _esc(I18n.t(subtitleKey)) + '</p>' +
         '<div class="share-body">' +
-          '<div class="share-poster-wrap"><img class="share-poster-img" alt="poster"/></div>' +
+          '<div class="share-poster-wrap">' +
+            '<img class="share-poster-img" alt="poster"/>' +
+          '</div>' +
           '<div class="share-controls">' +
             '<div class="share-theme-row">' +
               '<span class="share-row-label">' + _esc(I18n.t("share.theme.label")) + '</span>' +
@@ -517,6 +563,9 @@ const ShareView = (() => {
     const img = o.querySelector(".share-poster-img");
     const textarea = o.querySelector(".share-text");
 
+    img.style.cursor = "pointer";
+    img.addEventListener("click", () => _downloadPoster((textarea.value || "").trim()));
+
     const renderPoster = () => {
       const copy = (textarea.value || "").trim();
       try { img.src = _scorecard() ? _buildScorecardPoster(copy) : _buildPoster(copy); }

data/lib/clacky/web/features/skills/store.js

@@ -30,7 +30,7 @@ const SkillsStore = (() => {
   let _brandActivated  = false;       // whether a license is currently active
   let _freeMode        = false;       // brand-skills tab is showing free-mode skills
   let _paidSkillsCount = 0;           // premium (encrypted) skills locked behind activation
-  let _showSystemSkills = false;      // whether system (source=default) skills are shown
+  let _showSystemSkills = localStorage.getItem("skill-ac-show-system") === "true";
 
   // ── Internal event bus ──────────────────────────────────────────────────
   // Always live (unlike Clacky.ext, which is silenced under ?pure=true). The
@@ -173,6 +173,7 @@ const SkillsStore = (() => {
     /** Toggle visibility of system skills; emit so the view re-renders. */
     setShowSystemSkills(show) {
       _showSystemSkills = !!show;
+      localStorage.setItem("skill-ac-show-system", _showSystemSkills ? "true" : "false");
       _emit("skills:changed", { skills: _skills });
     },
 
@@ -314,3 +315,4 @@ const SkillsStore = (() => {
 
 // Expose the facade under its historical global name.
 const Skills = SkillsStore;
+Clacky.Skills = Skills;

data/lib/clacky/web/features/skills/view.js

@@ -265,7 +265,7 @@ const SkillsView = (() => {
     btn.setAttribute("data-i18n", "skills.brand.activateBtn");
     btn.addEventListener("click", () => {
       if (typeof Brand !== "undefined" && Brand.goToLicenseInput) Brand.goToLicenseInput();
-      else Router.navigate("settings");
+      else window.Clacky.Router.navigate("settings");
     });
 
     hint.appendChild(msgEl);

data/lib/clacky/web/features/tasks/view.js

@@ -76,6 +76,12 @@ const TasksView = (() => {
         return isZh ? `每 ${hour.slice(2)} 小时` : `Every ${hour.slice(2)} hr`;
       }
     }
+    // ── every-N-hours on specific days  e.g. 0 */3 * * 1-5 ────────────
+    if (isAny(dom) && isAny(month) && !isAny(dow) && hour.startsWith("*/")) {
+      const dl = dowLabel(dow);
+      const ev = isZh ? `每 ${hour.slice(2)} 小时` : `Every ${hour.slice(2)} hr`;
+      if (dl) return `${dl} ${ev}`;
+    }
     // ── every minute ──────────────────────────────────────────────────────
     if (isAny(min) && isAny(hour) && isAny(dom) && isAny(month) && isAny(dow)) {
       return isZh ? "每分钟" : "Every minute";
@@ -84,6 +90,12 @@ const TasksView = (() => {
     if (isInt(min) && isAny(hour) && isAny(dom) && isAny(month) && isAny(dow)) {
       return isZh ? `每小时 :${pad(min)}` : `Hourly at :${pad(min)}`;
     }
+    // ── hourly at :MM on specific days  e.g. 30 * * * 1-5 ─────────────
+    if (isInt(min) && isAny(hour) && isAny(dom) && isAny(month) && !isAny(dow)) {
+      const dl = dowLabel(dow);
+      const tm = isZh ? `每小时 :${pad(min)}` : `Hourly at :${pad(min)}`;
+      if (dl) return `${dl} ${tm}`;
+    }
 
     // ── every-N-min within hour range on certain days  e.g. */1 9-14 * * 1-5
     if (min.startsWith("*/") && /^\d+-\d+$/.test(hour) && isAny(dom) && isAny(month)) {

data/lib/clacky/web/features/trash/store.js

@@ -13,10 +13,13 @@
 // ───────────────────────────────────────────────────────────────────────────
 
 const TrashStore = (() => {
+  const SOURCES = Object.freeze({ ALL: "all", CRON: "cron", MANUAL: "manual" });
+
   let _files          = [];
   let _totals         = { count: 0, size: 0 };
   let _sessions       = [];
   let _sessionTotals  = { count: 0, size: 0 };
+  let _filterSource   = SOURCES.ALL;
   let _loading        = false;
 
   const _listeners = {};
@@ -44,8 +47,20 @@ const TrashStore = (() => {
   const state = {
     get files()         { return _files; },
     get totals()        { return _totals; },
-    get sessions()      { return _sessions; },
-    get sessionTotals() { return _sessionTotals; },
+    get sessions()      {
+      if (_filterSource === SOURCES.ALL) return _sessions;
+      return _filterSource === SOURCES.CRON
+        ? _sessions.filter(s => s.source === SOURCES.CRON)
+        : _sessions.filter(s => s.source !== SOURCES.CRON);
+    },
+    get sessionTotals() {
+      const filtered = _filterSource === SOURCES.ALL ? _sessions
+        : _filterSource === SOURCES.CRON
+          ? _sessions.filter(s => s.source === SOURCES.CRON)
+          : _sessions.filter(s => s.source !== SOURCES.CRON);
+      return { count: filtered.length, size: filtered.reduce((sum, s) => sum + (s.file_size || 0), 0) };
+    },
+    get filterSource()  { return _filterSource; },
     orphanCount() { return _files.filter(f => _isOrphanRoot(f.project_root)).length; },
     isOrphan(file) { return _isOrphanRoot(file.project_root); },
   };
@@ -53,6 +68,13 @@ const TrashStore = (() => {
   const Trash = {
     on: _on,
     state,
+    SOURCES,
+
+    setFilterSource(source) {
+      if (source === _filterSource) return;
+      _filterSource = source;
+      _emit("trash:sessionsChanged");
+    },
 
     async loadFiles() {
       if (_loading) return;
@@ -230,10 +252,6 @@ const TrashStore = (() => {
 
   function _removeSessionLocal(session) {
     _sessions = _sessions.filter(s => s.session_id !== session.session_id);
-    _sessionTotals = {
-      count: Math.max(0, _sessionTotals.count - 1),
-      size:  Math.max(0, _sessionTotals.size - (session.file_size || 0))
-    };
   }
 
   return Trash;

data/lib/clacky/web/features/trash/view.js

@@ -61,8 +61,13 @@ const TrashView = (() => {
 
     const filePane    = $("trash-tab-file");
     const sessionPane = $("trash-tab-session");
+    const filterBar   = $("trash-filter-bar");
     if (filePane)    filePane.style.display    = tab === "file-trash" ? "" : "none";
     if (sessionPane) sessionPane.style.display = tab === "session-trash" ? "" : "none";
+    if (filterBar)   filterBar.style.display   = tab === "session-trash" ? "" : "none";
+
+    const hint = $("trash-session-hint");
+    if (hint) hint.style.display = tab === "session-trash" ? "" : "none";
 
     const btnOrphans = $("btn-trash-empty-orphans");
     if (btnOrphans) btnOrphans.style.display = tab === "file-trash" ? "" : "none";
@@ -72,12 +77,8 @@ const TrashView = (() => {
 
   function _load() {
     if (_activeTab === "file-trash") {
-      const list = $("trash-list");
-      if (list) list.innerHTML = `<div class="creator-loading">${_t("trash.loading")}</div>`;
       Trash.loadFiles();
     } else {
-      const list = $("trash-session-list");
-      if (list) list.innerHTML = `<div class="creator-loading">${_t("trash.loading")}</div>`;
       Trash.loadSessions();
     }
   }
@@ -109,7 +110,7 @@ const TrashView = (() => {
     if (btnAll)     btnAll.disabled     = files.length === 0;
 
     if (files.length === 0) {
-      list.innerHTML = `<div class="creator-empty">${_t("trash.empty")}</div>`;
+      list.innerHTML = `<div class="trash-empty">${_t("trash.empty")}</div>`;
       return;
     }
 
@@ -176,11 +177,34 @@ const TrashView = (() => {
 
   // ── Session trash rendering ──────────────────────────────────────────
 
+  function _renderSkeleton() {
+    const isSession = _activeTab === "session-trash";
+    const list = $(isSession ? "trash-session-list" : "trash-list");
+    if (!list) return;
+    let html = "";
+    for (let i = 0; i < 3; i++) {
+      html += `
+        <div class="trash-session-skeleton">
+          <div class="trash-session-skeleton-info">
+            <div class="skel skel-title"></div>
+            <div class="skel skel-subtitle"></div>
+            <div class="skel skel-text-sm"></div>
+          </div>
+          <div class="trash-skeleton-actions">
+            <div class="skel trash-skeleton-btn"></div>
+            <div class="skel trash-skeleton-btn"></div>
+          </div>
+        </div>`;
+    }
+    list.innerHTML = html;
+  }
+
   function _renderSessions() {
-    const list     = $("trash-session-list");
-    const summary  = $("trash-summary");
-    const btnOld   = $("btn-trash-empty-old");
-    const btnAll   = $("btn-trash-empty-all");
+    const list       = $("trash-session-list");
+    const summary    = $("trash-summary");
+    const btnOld     = $("btn-trash-empty-old");
+    const btnAll     = $("btn-trash-empty-all");
+    const filterBar  = $("trash-filter-bar");
     if (!list) return;
 
     const sessions = Trash.state.sessions;
@@ -196,9 +220,10 @@ const TrashView = (() => {
     }
     if (btnOld) btnOld.disabled = sessions.length === 0;
     if (btnAll) btnAll.disabled = sessions.length === 0;
+    if (filterBar) filterBar.style.display = "";
 
     if (sessions.length === 0) {
-      list.innerHTML = `<div class="creator-empty">${_t("trash.noSessionTrash")}</div>`;
+      list.innerHTML = `<div class="trash-empty">${_t("trash.noSessionTrash")}</div>`;
       return;
     }
 
@@ -385,18 +410,29 @@ const TrashView = (() => {
     if (btnAll)     btnAll.addEventListener("click",
       () => _emptyBulk(0, _activeTab === "session-trash"
         ? "trash.confirmEmptySessionAll" : "trash.confirmEmptyAll"));
+
+    // Filter chips
+    document.querySelectorAll(".trash-filter-chip").forEach(chip => {
+      chip.addEventListener("click", () => {
+        const val = chip.dataset.filter;
+        Trash.setFilterSource(val);
+        document.querySelectorAll(".trash-filter-chip").forEach(c => c.classList.toggle("active", c.dataset.filter === val));
+      });
+    });
   }
 
   function _subscribe() {
+    Trash.on("trash:filesLoading",    _renderSkeleton);
+    Trash.on("trash:sessionsLoading", _renderSkeleton);
     Trash.on("trash:filesChanged",    _renderFiles);
     Trash.on("trash:sessionsChanged", _renderSessions);
     Trash.on("trash:filesError", (e) => {
       const list = $("trash-list");
-      if (list) list.innerHTML = `<div class="creator-empty creator-error">${escapeHtml(e.message)}</div>`;
+      if (list) list.innerHTML = `<div class="trash-empty trash-error">${escapeHtml(e.message)}</div>`;
     });
     Trash.on("trash:sessionsError", (e) => {
       const list = $("trash-session-list");
-      if (list) list.innerHTML = `<div class="creator-empty creator-error">${escapeHtml(e.message)}</div>`;
+      if (list) list.innerHTML = `<div class="trash-empty trash-error">${escapeHtml(e.message)}</div>`;
     });
   }
 

data/lib/clacky/web/features/workspace/store.js

@@ -97,3 +97,5 @@ const WorkspaceStore = (() => {
 })();
 
 const Workspace = WorkspaceStore;
+Clacky.Workspace = Workspace;
+Clacky.WorkspaceStore = WorkspaceStore;

data/lib/clacky/web/features/workspace/view.js

@@ -302,4 +302,3 @@ if (window.Clacky && Clacky.ext) {
 // Workspace.onSession on every session switch). Rendering is driven by the
 // slot re-render, so this only updates state.
 Workspace.onSession = (session) => { Workspace.setSession(session); };
-window.Workspace = Workspace;