@fui-org/fui-cli 1.3.2 → 2.1.0

package/skills/fui-skill/scripts/defaultfunction-3.0.js

@@ -475,6 +475,10 @@ function jsonToExcel(Obj) {
             filename: "dataFP.xlsx", // filename to export
             worksheet: "SheetFP", // sheet name for single sheet
             sheets: null, // New property for multiple sheets
+            // optional: [{header, key, type?: 'number'|'date'|'html', numFmt?, width?, sum?: true|numFmt}]
+            // Có columns thì cột/tiêu đề/định dạng theo đúng danh sách này (dùng cho f-table excel="UI");
+            // không có thì giữ hành vi cũ: cột = key của dòng đầu, giá trị thô. Mỗi sheet có thể có columns riêng.
+            columns: null,
             onProgress: null, // optional: function({percent, processedRows, totalRows, phase, sheetName}) - phase: 'building'|'finalizing'|'done'|'error'
             showProgress: true // tự hiện thanh % cố định giữa màn hình khi xuất; truyền false để tắt UI này
         }
@@ -487,7 +491,7 @@ function jsonToExcel(Obj) {
             if (!sheetList.length) { showMessage({ title: "Sheets data is empty" }); return; }
         } else {
             if (!props.data || !props.data.length) { showMessage({ title: "Data Null" }); return; }
-            sheetList = [{ name: props.worksheet, data: props.data }];
+            sheetList = [{ name: props.worksheet, data: props.data, columns: props.columns }];
         }
 
         var totalRows = sheetList.reduce(function (sum, s) { return sum + s.data.length; }, 0);
@@ -520,15 +524,18 @@ function jsonToExcel(Obj) {
             if (sheetIndex >= sheetList.length) { finalize(); return; }
             var sheetCfg = sheetList[sheetIndex];
             var worksheet = workbook.addWorksheet(sheetCfg.name || 'Sheet');
+            var cols = Array.isArray(sheetCfg.columns) && sheetCfg.columns.length ? sheetCfg.columns : null;
             // Create header (chỉ cần đọc key của dòng đầu, tương đương logic cũ nhưng không lặp check index===0 mỗi vòng)
-            worksheet.columns = Object.keys(sheetCfg.data[0]).map(function (k) { return { header: k, key: k }; });
+            if (cols) setupColumns(worksheet, cols, sheetCfg.data);
+            else worksheet.columns = Object.keys(sheetCfg.data[0]).map(function (k) { return { header: k, key: k }; });
 
             var rows = sheetCfg.data;
             var i = 0;
             function nextChunk() {
                 try {
                     var end = Math.min(i + CHUNK_SIZE, rows.length);
-                    for (var r = i; r < end; r++) { worksheet.addRow(rows[r]); }
+                    for (var r = i; r < end; r++) { worksheet.addRow(cols ? columnRowValues(cols, rows[r]) : rows[r]); }
+                    if (cols && end === rows.length) appendSumRow(worksheet, cols, rows);
                     processedRows += (end - i);
                     i = end;
                     report('building', sheetCfg.name);
@@ -574,6 +581,84 @@ function jsonToExcel(Obj) {
         buildSheet(0);
     }
 
+    //---------------------------------------------------- chế độ `columns`
+    function readColumnValue(row, key) {
+        if (row === null || row === undefined) return null;
+        if (row[key] !== undefined) return row[key];
+        return _.get(row, key, null);
+    }
+    // ExcelJS ghi Date theo UTC → dựng lại mốc UTC từ giờ ĐỊA PHƯƠNG, nếu không ngày 00:00 ở UTC+7
+    // sẽ lùi thành 17:00 hôm trước trong Excel. "yyyy-mm-dd" trần thì new Date() hiểu là UTC nên tách riêng.
+    function toExcelDate(v) {
+        if (v === null || v === undefined || v === '') return null;
+        var m = typeof v === 'string' && /^(\d{4})-(\d{2})-(\d{2})$/.exec(v);
+        if (m) return new Date(Date.UTC(+m[1], +m[2] - 1, +m[3]));
+        var d = v instanceof Date ? v : new Date(v);
+        if (isNaN(d.getTime())) return v;
+        return new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate(), d.getHours(), d.getMinutes(), d.getSeconds()));
+    }
+    function htmlToText(v) {
+        var s = String(v);
+        if (s.indexOf('<') < 0 && s.indexOf('&') < 0) return s;
+        // DOMParser không chạy script/handler — innerHTML trên element sống thì <img onerror> VẪN chạy.
+        return new DOMParser().parseFromString(s, 'text/html').body.textContent;
+    }
+    function convertCellValue(col, v) {
+        if (v === undefined) return null;
+        if (col.type === 'date') return toExcelDate(v);
+        if (v === null) return null;
+        if (col.type === 'number') return (typeof v === 'string' && v.trim() !== '' && !isNaN(v)) ? Number(v) : v;
+        if (col.type === 'html') return htmlToText(v);
+        // object/array đưa thẳng vào ExcelJS sẽ bị hiểu nhầm là rich text/hyperlink/formula
+        if (typeof v === 'object' && !(v instanceof Date)) return JSON.stringify(v);
+        return v;
+    }
+    function columnRowValues(cols, row) {
+        var out = new Array(cols.length);
+        for (var c = 0; c < cols.length; c++) out[c] = convertCellValue(cols[c], readColumnValue(row, cols[c].key));
+        return out;
+    }
+    function estimateWidth(col, rows) {
+        var w = String(col.header != null ? col.header : col.key).length;
+        if (col.type === 'date') w = Math.max(w, String(col.numFmt || 'dd/mm/yyyy').replace(/"/g, '').length);
+        else {
+            for (var i = 0, n = Math.min(rows.length, 100); i < n; i++) {
+                var v = readColumnValue(rows[i], col.key);
+                if (v !== null && v !== undefined) w = Math.max(w, String(v).length + (typeof v === 'number' ? 3 : 0));
+            }
+        }
+        return Math.min(60, Math.max(8, w + 2));
+    }
+    function setupColumns(worksheet, cols, rows) {
+        // key nội bộ theo vị trí: hai cột trùng tiêu đề/trùng field vẫn không đè nhau (dòng ghi bằng mảng)
+        worksheet.columns = cols.map(function (c, idx) {
+            var def = { header: c.header != null ? String(c.header) : String(c.key), key: '__c' + idx, width: c.width || estimateWidth(c, rows) };
+            if (c.numFmt) def.style = { numFmt: c.numFmt };
+            return def;
+        });
+        worksheet.getRow(1).font = { bold: true };
+        worksheet.views = [{ state: 'frozen', ySplit: 1 }];
+    }
+    // Hàng tổng = công thức SUM trên chính các dòng đã xuất (kèm kết quả tính sẵn để trình xem không
+    // tính công thức vẫn thấy số) — sửa số trong Excel thì tổng tự cập nhật.
+    function appendSumRow(worksheet, cols, rows) {
+        if (!rows.length || !cols.some(function (c) { return c.sum; })) return;
+        var row = worksheet.addRow(cols.map(function (c, idx) {
+            if (!c.sum) return null;
+            var total = 0;
+            for (var i = 0; i < rows.length; i++) {
+                var n = Number(readColumnValue(rows[i], c.key));
+                if (!isNaN(n)) total += n;
+            }
+            var letter = worksheet.getColumn(idx + 1).letter;
+            return { formula: 'SUM(' + letter + '2:' + letter + (rows.length + 1) + ')', result: total };
+        }));
+        row.font = { bold: true };
+        cols.forEach(function (c, idx) {
+            if (typeof c.sum === 'string') row.getCell(idx + 1).numFmt = c.sum;
+        });
+    }
+
     // Thanh % mặc định, tự tạo/tự dọn bằng DOM thuần (CSS thủ công, không dùng v-dialog/framework nào)
     // — fix cố định giữa màn hình, không phụ thuộc Vue nên dùng chung được cho cả V2 và V3.
     function createProgressUI() {

package/skills/fui-skill/scripts/defaultfunction.js

@@ -660,6 +660,10 @@ function jsonToExcel(Obj) {
             filename: "dataFP.xlsx", // filename to export
             worksheet: "SheetFP", // sheet name for single sheet
             sheets: null, // New property for multiple sheets
+            // optional: [{header, key, type?: 'number'|'date'|'html', numFmt?, width?, sum?: true|numFmt}]
+            // Có columns thì cột/tiêu đề/định dạng theo đúng danh sách này (dùng cho f-table excel="UI");
+            // không có thì giữ hành vi cũ: cột = key của dòng đầu, giá trị thô. Mỗi sheet có thể có columns riêng.
+            columns: null,
             onProgress: null, // optional: function({percent, processedRows, totalRows, phase, sheetName}) - phase: 'building'|'finalizing'|'done'|'error'
             showProgress: true // tự hiện thanh % cố định giữa màn hình khi xuất; truyền false để tắt UI này
         }
@@ -672,7 +676,7 @@ function jsonToExcel(Obj) {
             if (!sheetList.length) { showMessage({ title: "Sheets data is empty" }); return; }
         } else {
             if (!props.data || !props.data.length) { showMessage({ title: "Data Null" }); return; }
-            sheetList = [{ name: props.worksheet, data: props.data }];
+            sheetList = [{ name: props.worksheet, data: props.data, columns: props.columns }];
         }
 
         var totalRows = sheetList.reduce(function (sum, s) { return sum + s.data.length; }, 0);
@@ -705,15 +709,18 @@ function jsonToExcel(Obj) {
             if (sheetIndex >= sheetList.length) { finalize(); return; }
             var sheetCfg = sheetList[sheetIndex];
             var worksheet = workbook.addWorksheet(sheetCfg.name || 'Sheet');
+            var cols = Array.isArray(sheetCfg.columns) && sheetCfg.columns.length ? sheetCfg.columns : null;
             // Create header (chỉ cần đọc key của dòng đầu, tương đương logic cũ nhưng không lặp check index===0 mỗi vòng)
-            worksheet.columns = Object.keys(sheetCfg.data[0]).map(function (k) { return { header: k, key: k }; });
+            if (cols) setupColumns(worksheet, cols, sheetCfg.data);
+            else worksheet.columns = Object.keys(sheetCfg.data[0]).map(function (k) { return { header: k, key: k }; });
 
             var rows = sheetCfg.data;
             var i = 0;
             function nextChunk() {
                 try {
                     var end = Math.min(i + CHUNK_SIZE, rows.length);
-                    for (var r = i; r < end; r++) { worksheet.addRow(rows[r]); }
+                    for (var r = i; r < end; r++) { worksheet.addRow(cols ? columnRowValues(cols, rows[r]) : rows[r]); }
+                    if (cols && end === rows.length) appendSumRow(worksheet, cols, rows);
                     processedRows += (end - i);
                     i = end;
                     report('building', sheetCfg.name);
@@ -759,6 +766,84 @@ function jsonToExcel(Obj) {
         buildSheet(0);
     }
 
+    //---------------------------------------------------- chế độ `columns`
+    function readColumnValue(row, key) {
+        if (row === null || row === undefined) return null;
+        if (row[key] !== undefined) return row[key];
+        return _.get(row, key, null);
+    }
+    // ExcelJS ghi Date theo UTC → dựng lại mốc UTC từ giờ ĐỊA PHƯƠNG, nếu không ngày 00:00 ở UTC+7
+    // sẽ lùi thành 17:00 hôm trước trong Excel. "yyyy-mm-dd" trần thì new Date() hiểu là UTC nên tách riêng.
+    function toExcelDate(v) {
+        if (v === null || v === undefined || v === '') return null;
+        var m = typeof v === 'string' && /^(\d{4})-(\d{2})-(\d{2})$/.exec(v);
+        if (m) return new Date(Date.UTC(+m[1], +m[2] - 1, +m[3]));
+        var d = v instanceof Date ? v : new Date(v);
+        if (isNaN(d.getTime())) return v;
+        return new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate(), d.getHours(), d.getMinutes(), d.getSeconds()));
+    }
+    function htmlToText(v) {
+        var s = String(v);
+        if (s.indexOf('<') < 0 && s.indexOf('&') < 0) return s;
+        // DOMParser không chạy script/handler — innerHTML trên element sống thì <img onerror> VẪN chạy.
+        return new DOMParser().parseFromString(s, 'text/html').body.textContent;
+    }
+    function convertCellValue(col, v) {
+        if (v === undefined) return null;
+        if (col.type === 'date') return toExcelDate(v);
+        if (v === null) return null;
+        if (col.type === 'number') return (typeof v === 'string' && v.trim() !== '' && !isNaN(v)) ? Number(v) : v;
+        if (col.type === 'html') return htmlToText(v);
+        // object/array đưa thẳng vào ExcelJS sẽ bị hiểu nhầm là rich text/hyperlink/formula
+        if (typeof v === 'object' && !(v instanceof Date)) return JSON.stringify(v);
+        return v;
+    }
+    function columnRowValues(cols, row) {
+        var out = new Array(cols.length);
+        for (var c = 0; c < cols.length; c++) out[c] = convertCellValue(cols[c], readColumnValue(row, cols[c].key));
+        return out;
+    }
+    function estimateWidth(col, rows) {
+        var w = String(col.header != null ? col.header : col.key).length;
+        if (col.type === 'date') w = Math.max(w, String(col.numFmt || 'dd/mm/yyyy').replace(/"/g, '').length);
+        else {
+            for (var i = 0, n = Math.min(rows.length, 100); i < n; i++) {
+                var v = readColumnValue(rows[i], col.key);
+                if (v !== null && v !== undefined) w = Math.max(w, String(v).length + (typeof v === 'number' ? 3 : 0));
+            }
+        }
+        return Math.min(60, Math.max(8, w + 2));
+    }
+    function setupColumns(worksheet, cols, rows) {
+        // key nội bộ theo vị trí: hai cột trùng tiêu đề/trùng field vẫn không đè nhau (dòng ghi bằng mảng)
+        worksheet.columns = cols.map(function (c, idx) {
+            var def = { header: c.header != null ? String(c.header) : String(c.key), key: '__c' + idx, width: c.width || estimateWidth(c, rows) };
+            if (c.numFmt) def.style = { numFmt: c.numFmt };
+            return def;
+        });
+        worksheet.getRow(1).font = { bold: true };
+        worksheet.views = [{ state: 'frozen', ySplit: 1 }];
+    }
+    // Hàng tổng = công thức SUM trên chính các dòng đã xuất (kèm kết quả tính sẵn để trình xem không
+    // tính công thức vẫn thấy số) — sửa số trong Excel thì tổng tự cập nhật.
+    function appendSumRow(worksheet, cols, rows) {
+        if (!rows.length || !cols.some(function (c) { return c.sum; })) return;
+        var row = worksheet.addRow(cols.map(function (c, idx) {
+            if (!c.sum) return null;
+            var total = 0;
+            for (var i = 0; i < rows.length; i++) {
+                var n = Number(readColumnValue(rows[i], c.key));
+                if (!isNaN(n)) total += n;
+            }
+            var letter = worksheet.getColumn(idx + 1).letter;
+            return { formula: 'SUM(' + letter + '2:' + letter + (rows.length + 1) + ')', result: total };
+        }));
+        row.font = { bold: true };
+        cols.forEach(function (c, idx) {
+            if (typeof c.sum === 'string') row.getCell(idx + 1).numFmt = c.sum;
+        });
+    }
+
     // Thanh % mặc định, tự tạo/tự dọn bằng DOM thuần (CSS thủ công, không dùng v-dialog/framework nào)
     // — fix cố định giữa màn hình, không phụ thuộc Vue nên dùng chung được cho cả V2 và V3.
     function createProgressUI() {

package/skills/fui-skill/scripts/fsheet.js

@@ -696,8 +696,35 @@ Vue.component('FSheet', {
           hit.forEach(function (cell) { cell.classList.remove('ag-cell-copy-flash') })
         }, 800)
       },
+      // true khi một ô đang ở chế độ sửa (AG Grid đã render <input> thật bên trong và focus
+      // vào đó) — dùng ĐÚNG API của AG Grid thay vì đoán qua e.target.tagName, vì cellEditor
+      // tuỳ biến có thể không dùng thẻ <input>/<textarea>. Lưới an toàn cho ca cellEditor lạ;
+      // ca THƯỜNG GẶP (input chuẩn) đã được isNativeTextTarget() bắt trực tiếp, xem dưới.
+      isEditingCell: function () {
+        return !!(this.gridApi && this.gridApi.getEditingCells().length > 0)
+      },
+      // true khi TARGET THẬT của sự kiện copy/paste là một control nhập liệu chuẩn của trình
+      // duyệt (input/textarea/contentEditable) — không phải ô lưới. Bắt buộc kiểm theo TARGET,
+      // không chỉ theo "đang sửa ô": ô lọc (filter) trong header AG Grid — cả floating filter
+      // lẫn popup filter đầy đủ — cũng render một <input> thật NẰM TRONG chính gridEl (fsheet
+      // không set popupParent nên popup filter không thoát ra ngoài gridEl), và sự kiện
+      // copy/paste của nó nổi bọt lên tới đúng listener này giống hệt input của ô đang sửa.
+      // Trước đây chỉ hỏi isEditingCell() nên bắt đúng ca sửa ô nhưng bỏ sót ca filter: đặt con
+      // trỏ vào ô filter rồi Ctrl+V lại bị "cướp" xuống dán vào ô đang chọn/focus ở lưới, thay vì
+      // dán vào chính ô filter đang gõ.
+      isNativeTextTarget: function (e) {
+        var t = e && e.target
+        if (!t) return false
+        var tag = t.tagName
+        return tag === 'INPUT' || tag === 'TEXTAREA' || !!t.isContentEditable
+      },
       doCopy: function (e) {
         var self = this
+        // Con trỏ đang ở TRONG một input thật (ô đang sửa, hoặc ô lọc/filter): người dùng có
+        // thể chỉ đang copy một PHẦN chữ đã bôi đen trong input đó (không phải cả ô/cả lưới) —
+        // để trình duyệt tự xử lý theo cách bình thường, không ghi đè bằng nội dung của cả
+        // vùng/ô đang chọn ở tầng lưới.
+        if (self.isEditingCell() || self.isNativeTextTarget(e)) return
         var r = self.currentRangeOrFocus()
         if (!r) return
         var text = self.rangeText(r, false)
@@ -772,6 +799,17 @@ Vue.component('FSheet', {
       doPaste: function (e) {
         var self = this
         if (self.readonly) return
+        // Con trỏ đang ở TRONG một input thật (ô đang sửa, HOẶC ô lọc/filter trong header):
+        // sự kiện 'paste' nổi lên từ chính input đó lên tới gridEl (nơi handler này được gắn),
+        // và trước đây bị chặn vô điều kiện bởi e.preventDefault() + pasteText() bên dưới —
+        // pasteText() ghi thẳng vào data của Ô ĐANG FOCUS/VÙNG ĐANG CHỌN Ở LƯỚI qua
+        // node.setDataValue(), KHÔNG đụng tới input đang hiển thị. Hai triệu chứng khác nhau
+        // của cùng một lỗi: (1) đang sửa ô → paste trông như "không có tác dụng gì" (giá trị
+        // dán chỉ hiện ra sau khi rời ô sửa, rồi bị input ghi đè lại lúc blur); (2) đang gõ vào
+        // ô filter → paste "chạy nhầm chỗ" (dán đè lên ô đang chọn trong lưới thay vì vào ô
+        // filter). Phải để trình duyệt tự dán vào đúng vị trí con trỏ trong input đó như một
+        // thao tác nhập liệu bình thường.
+        if (self.isEditingCell() || self.isNativeTextTarget(e)) return
         var cb = e.clipboardData || window.clipboardData
         var text = cb ? cb.getData('text') : ''
         if (!text) return

package/skills/fui-target/.claude-plugin/plugin.json

@@ -0,0 +1,6 @@
+{
+  "name": "fui-target",
+  "version": "1.0.0",
+  "description": "Shows the FUI project and module the fui CLI targets, once a Claude Code session runs fui",
+  "types": "./types/index.d.ts"
+}

package/skills/fui-target/hooks/hooks.json

@@ -0,0 +1 @@
+{ "modules": ["./register.tsx"] }

package/skills/fui-target/hooks/register.tsx

@@ -0,0 +1,71 @@
+import { atom, read, update } from "claude-code";
+import type { Engine, Register } from "claude-code";
+
+import type { FuiTarget } from "../types";
+
+const target = atom({ plugin: "fui-target", key: "target" } as const, null);
+
+const FUI_CALL = /(?:^|[\s;&|(])fui\s+([a-z-]+)(?:\s+([a-z-]+))?/;
+
+// Mirrors sessionFile() in src/core/session/state.ts.
+async function sessionFile($: Engine, command: string) {
+  const key = command.match(/FUI_SESSION=([A-Za-z0-9_-]+)/)?.[1] ?? (await $.env.get("FUI_SESSION")) ?? "default";
+  const dir =
+    (await $.env.get("FUI_SESSION_DIR")) ??
+    (await $.env.get("FUI_MCP_SESSION_DIR")) ??
+    `${await $.env.get("HOME")}/.fui-mcp/session`;
+  return `${dir}/cli-${key}.json`;
+}
+
+async function sync($: Engine, command: string, lastCommand: string) {
+  const text = await $.fs.read(await sessionFile($, command)).catch(() => "");
+  let state: { target?: { projectId?: string; moduleId?: string } } = {};
+  try {
+    state = JSON.parse(text || "{}");
+  } catch {}
+
+  await update($, target, () => ({
+    project: state.target?.projectId,
+    module: state.target?.moduleId,
+    lastCommand,
+  }));
+}
+
+export const register: Register = (on) => {
+  on("tool.call", { tool: "Bash" }, async ($, e, next) => {
+    const result = await next(e);
+    const call = e.command.match(FUI_CALL);
+    if (!call) return result;
+
+    await sync($, e.command, [call[1], call[2]].filter(Boolean).join(" "));
+    return result;
+  });
+
+  on("ui.render", { component: "AbovePrompt" }, async ($, e, next) => {
+    const current: FuiTarget | null = await read($, target);
+    if (e.props.hasSurvey || current === null) return next(e);
+
+    const { Box, Text } = $.ui.resolve(e);
+    return (
+      <Box flexDirection="row" columnGap={1}>
+        <Text>🧩</Text>
+        {current.project ? (
+          <Text>
+            <Text bold color="cyan">
+              {current.project}
+            </Text>
+            {current.module && (
+              <Text>
+                <Text dimColor> › </Text>
+                <Text bold>{current.module}</Text>
+              </Text>
+            )}
+          </Text>
+        ) : (
+          <Text dimColor>no active module</Text>
+        )}
+        {current.lastCommand && <Text dimColor> · fui {current.lastCommand}</Text>}
+      </Box>
+    );
+  });
+};

package/skills/fui-target/types/index.d.ts

@@ -0,0 +1,7 @@
+export type FuiTarget = { project?: string; module?: string; lastCommand?: string };
+
+declare module "claude-code" {
+  interface PluginState {
+    "fui-target": { target: FuiTarget | null };
+  }
+}