poi-plugin-kai-planner 1.0.0

package/src/app/tabs/debug/DebugTab.js

@@ -0,0 +1,554 @@
+/* src/app/tabs/debug/DebugTab.js */
+/* kai-planner debug: inspect redux store samples + full-search (top 50 hits) */
+
+const React = require("react");
+const { getReduxStateFromEnvWindow } = require("../../../services/player/getReduxStateFromEnvWindow");
+const { getTokyoWeekdayKey } = require("../../../services/utils/tokyoTime");
+
+// ---------- utils ----------
+function safeStringify(obj, maxLen = 12000) {
+  let s;
+  try {
+    s = JSON.stringify(
+      obj,
+      (k, v) => {
+        if (Array.isArray(v) && v.length > 300) {
+          return { __array__: true, length: v.length, head: v.slice(0, 30) };
+        }
+        return v;
+      },
+      2
+    );
+  } catch (e) {
+    s = String(obj);
+  }
+  if (s.length > maxLen) return s.slice(0, maxLen) + `\n...<truncated ${s.length - maxLen} chars>`;
+  return s;
+}
+
+function summarizeMap(mapObj, sampleN) {
+  const isObj = mapObj && typeof mapObj === "object" && !Array.isArray(mapObj);
+  const keys = isObj ? Object.keys(mapObj) : [];
+  const firstKeys = keys.slice(0, 50);
+  const samples = [];
+  for (let i = 0; i < Math.min(sampleN, keys.length); i++) {
+    const k = keys[i];
+    samples.push({ key: k, value: mapObj[k] });
+  }
+  return { keysCount: keys.length, firstKeys, samples, keys };
+}
+
+function pickCategory(state, cat) {
+  const constState = state?.const || {};
+  const infoState = state?.info || {};
+
+  switch (cat) {
+    case "master_ships":
+      return { title: "1) store.const.$ships (master ships)", data: constState.$ships };
+    case "master_equips":
+      return { title: "2) store.const.$equips (master equips)", data: constState.$equips };
+    case "player_ships":
+      return { title: "3) store.info.ships (player ships)", data: infoState.ships };
+    case "player_equips":
+      return { title: "4) store.info.equips (player equips)", data: infoState.equips };
+    case "master_useitems":
+      return { title: "5) store.const.$useitems (master useitems)", data: constState.$useitems };
+    case "player_items":
+      return {
+        title: "6) store.info.items (player items) [fallback: info.useitems]",
+        data: infoState.items || infoState.useitems || null,
+      };
+    case "raw_state":
+      return { title: "RAW) full redux state (danger)", data: state };
+    default:
+      return { title: "Unknown", data: null };
+  }
+}
+
+function findMatchesInMap(mapObj, query, mode, limit = 50) {
+  const isObj = mapObj && typeof mapObj === "object" && !Array.isArray(mapObj);
+  if (!isObj) return { matches: [], scanned: 0 };
+
+  const q = (query || "").trim().toLowerCase();
+  if (!q) return { matches: [], scanned: Object.keys(mapObj).length };
+
+  const keys = Object.keys(mapObj);
+  const matches = [];
+  let scanned = 0;
+
+  for (const k of keys) {
+    scanned++;
+    const keyStr = String(k).toLowerCase();
+    const keyHit = keyStr.includes(q);
+
+    let jsonHit = false;
+    if (mode !== "key") {
+      const jsonStr = safeStringify(mapObj[k], 50000).toLowerCase();
+      jsonHit = jsonStr.includes(q);
+    }
+
+    const ok = mode === "key" ? keyHit : mode === "json" ? jsonHit : keyHit || jsonHit;
+    if (ok) {
+      matches.push({ key: k, value: mapObj[k] });
+      if (matches.length >= limit) break;
+    }
+  }
+
+  return { matches, scanned };
+}
+
+// ---------- component ----------
+class DebugTab extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      category: "master_equips",
+      sampleN: 2,
+      showRaw: false,
+
+      // manual search (applied only when clicking Refresh)
+      searchText: "",
+      searchMode: "both", // "key" | "json" | "both"
+
+      lastUpdated: null,
+      output: "",
+      meta: "",
+      copyStatus: "", // ✅ 新增
+    };
+    this.validateStaticData = this.validateStaticData.bind(this);
+    this.validateArrangementIndex = this.validateArrangementIndex.bind(this);
+    this.validateDailyViewModel = this.validateDailyViewModel.bind(this);
+    this.refresh = this.refresh.bind(this);
+  }
+
+  componentDidMount() {
+    this.refresh();
+  }
+
+  refresh() {
+    const w = this.props.envWindow;
+
+    const debug = {
+      hasEnvWindow: !!w,
+      ctxKeys: this.props.envCtx ? Object.keys(this.props.envCtx) : [],
+      hasGetStore: !!(w && typeof w.getStore === "function"),
+      hasStore: !!(w && w.store),
+      hasApp: !!(w && w.app),
+      hasWindowGetStore: typeof window !== "undefined" && typeof window.getStore === "function",
+    };
+
+    const state = getReduxStateFromEnvWindow(w);
+
+    if (!state) {
+      this.setState({
+        meta: "DEBUG:\n" + safeStringify(debug),
+        output: "STATE IS NULL (cannot read redux state).",
+        lastUpdated: new Date().toLocaleString(),
+      });
+      return;
+    }
+
+    debug.stateTopKeys = Object.keys(state || {});
+    debug.hasConst = !!state.const;
+    debug.hasInfo = !!state.info;
+    debug.counts = {
+      masterShips: state.const && state.const.$ships ? Object.keys(state.const.$ships).length : 0,
+      masterEquips: state.const && state.const.$equips ? Object.keys(state.const.$equips).length : 0,
+      masterUseitems: state.const && state.const.$useitems ? Object.keys(state.const.$useitems).length : 0,
+      playerShips: state.info && state.info.ships ? Object.keys(state.info.ships).length : 0,
+      playerEquips: state.info && state.info.equips ? Object.keys(state.info.equips).length : 0,
+      playerItems:
+        state.info && (state.info.items || state.info.useitems)
+          ? Object.keys(state.info.items || state.info.useitems).length
+          : 0,
+    };
+
+    const { title, data } = pickCategory(state, this.state.category);
+
+    let meta = `DEBUG:\n${safeStringify(debug)}\n\n`;
+    meta += `Category: ${title}\n`;
+    meta += `Type: ${Array.isArray(data) ? "array" : typeof data}\n`;
+
+    // raw / non-object -> dump
+    if (this.state.showRaw || !data || typeof data !== "object" || Array.isArray(data)) {
+      this.setState({
+        meta: meta + "(RAW MODE)\n",
+        output: safeStringify({ category: title, data }),
+        lastUpdated: new Date().toLocaleString(),
+      });
+      return;
+    }
+
+    // summary + samples
+    const sum = summarizeMap(data, Number(this.state.sampleN) || 2);
+    meta += `Keys: ${sum.keysCount}\n`;
+    meta += `FirstKeys(50): ${safeStringify(sum.firstKeys)}\n`;
+    meta += `Samples: ${sum.samples.length}\n`;
+
+    // manual full scan search
+    const q = (this.state.searchText || "").trim();
+    const mode = this.state.searchMode;
+
+    if (q) {
+      const { matches, scanned } = findMatchesInMap(data, q, mode, 50);
+      meta += `Search(manual): "${q}" mode=${mode} -> matched=${matches.length} (showing up to 50)\n`;
+
+      const out = {
+        category: title,
+        keysCount: sum.keysCount,
+        firstKeys: sum.firstKeys,
+        samples: sum.samples,
+        search: { q, mode, limit: 50, scannedKeys: scanned, matched: matches.length },
+        matches,
+      };
+
+      this.setState({
+        meta,
+        output: safeStringify(out),
+        lastUpdated: new Date().toLocaleString(),
+      });
+      return;
+    }
+
+    const out = {
+      category: title,
+      keysCount: sum.keysCount,
+      firstKeys: sum.firstKeys,
+      samples: sum.samples,
+      search: null,
+      matches: [],
+    };
+
+    this.setState({
+      meta,
+      output: safeStringify(out),
+      lastUpdated: new Date().toLocaleString(),
+    });
+  }
+
+  validateStaticData() {
+  try {
+    const { loadStaticData } = require("../../../data/loaders/loadStaticData");
+
+    const data = loadStaticData();
+
+    const summary = {
+      equipBaseCost_count: data.equipBaseCost.length,
+      improvementArrangement_count: data.improvementArrangement.length,
+      improvementConsumeStep_count: data.improvementConsumeStep.length,
+      improvementConsumeItem_count: data.improvementConsumeItem.length,
+      improvementUpgradeTarget_count: data.improvementUpgradeTarget.length,
+      improvementUpgradeCost_count: data.improvementUpgradeCost.length,
+      material_count: data.material.length,
+      equipmentUpgradePath_count: data.equipmentUpgradePath.length,
+
+      // 核心验证：equipment_path 是否已经是 number[]
+      equipmentUpgradePath_sample: data.equipmentUpgradePath.slice(0, 3).map(x => ({
+        from: x.from_equipment_id,
+        to: x.to_equipment_id,
+        equipment_path_raw: x.equipment_path_raw,
+        equipment_path_parsed: x.equipment_path,
+        parsed_type: Array.isArray(x.equipment_path)
+          ? typeof x.equipment_path[0]
+          : "NOT_ARRAY"
+      }))
+    };
+
+    this.setState({
+      meta: "STATIC DATA VALIDATION\n",
+      output: JSON.stringify(summary, null, 2),
+      lastUpdated: new Date().toLocaleString()
+    });
+
+  } catch (err) {
+    this.setState({
+      meta: "STATIC DATA VALIDATION ERROR\n",
+      output: String(err.stack || err),
+      lastUpdated: new Date().toLocaleString()
+    });
+  }
+}
+
+validateArrangementIndex() {
+  try {
+    const { loadStaticData } = require("../../../data/loaders/loadStaticData");
+    const { buildArrangementIndex, WEEKDAY_KEYS, NULL_ROUTE, queryArrangement } = require("../../../data/indexes/buildArrangementIndex");
+
+    const data = loadStaticData();
+    const { index, stats } = buildArrangementIndex(data.improvementArrangement);
+
+    // 抽样：取前 3 个 equipId，展示每个 weekday 的 routeKind 分布与条数
+    const equipIds = Object.keys(index).slice(0, 3).map((x) => Number(x));
+
+    const sample = equipIds.map((equipId) => {
+      const equipBucket = index[String(equipId)] || {};
+      const perDay = {};
+
+      for (const wk of WEEKDAY_KEYS) {
+        const wkBucket = equipBucket[wk] || {};
+        const routeKinds = Object.keys(wkBucket);
+        if (routeKinds.length === 0) continue;
+
+        perDay[wk] = routeKinds.map((rk) => ({
+          routeKind: rk === NULL_ROUTE ? null : rk,
+          count: (wkBucket[rk] || []).length,
+          first: (wkBucket[rk] && wkBucket[rk][0]) ? {
+            equipment_id: wkBucket[rk][0].equipment_id,
+            secretary_id: wkBucket[rk][0].secretary_id,
+            secretary_variant: wkBucket[rk][0].secretary_variant ?? null,
+            note: wkBucket[rk][0].note ?? null
+          } : null
+        }));
+      }
+
+      // 再做一个确定性查询 demo：用 monday + route_kind=null
+      const demoRows = queryArrangement(index, equipId, "monday", null).slice(0, 3);
+
+      return {
+        equipId,
+        weekdays: perDay,
+        demo_query: { equipId, weekday: "monday", route_kind: null, hit: demoRows.length, head3: demoRows }
+      };
+    });
+
+    const out = {
+      arrangement_index_validation: {
+        stats,
+        sample,
+        notes: [
+          "index[equipId][weekdayKey][routeKindKey] -> rows[]",
+          "route_kind null is stored under __NULL__ and only matches null/empty route_kind",
+          "rows keep original note/secretary_variant for later secretary display formatting"
+        ]
+      }
+    };
+
+    this.setState({
+      meta: "ARRANGEMENT INDEX VALIDATION\n",
+      output: JSON.stringify(out, null, 2),
+      lastUpdated: new Date().toLocaleString()
+    });
+  } catch (err) {
+    this.setState({
+      meta: "ARRANGEMENT INDEX VALIDATION ERROR\n",
+      output: String(err && (err.stack || err)),
+      lastUpdated: new Date().toLocaleString()
+    });
+  }
+}
+
+validateDailyViewModel() {
+  try {
+    const { loadStaticData } = require("../../../data/loaders/loadStaticData");
+    const { buildArrangementIndex } = require("../../../data/indexes/buildArrangementIndex");
+    const { buildDailyViewModel } = require("../../../services/daily/buildDailyViewModel");
+
+    // 1) static
+    const staticData = loadStaticData();
+
+    // 2) arrangement index
+    const { index: arrangementIndex, stats: arrangementStats } = buildArrangementIndex(staticData.improvementArrangement);
+
+    // 3) poi master equips + ships
+    // 你项目里已有 core/poi/buildPoiIndexes.js 的话优先用它；
+    // 如果还没接入，就从当前 redux state 里拿个兜底
+    const w = this.props.envWindow;
+    const state = getReduxStateFromEnvWindow(w);
+
+    const masterEquipsById = (state && state.const && state.const.$equips) ? state.const.$equips : {};
+    const masterShipsRaw = (state && state.const && state.const.$ships) ? state.const.$ships : {};
+
+    // build ship indexes needed by secretaryName()
+    const shipBySortno = {};
+    const shipByApiId = {};
+    for (const k of Object.keys(masterShipsRaw || {})) {
+      const s = masterShipsRaw[k];
+      if (!s) continue;
+      if (s.api_sortno != null) shipBySortno[String(s.api_sortno)] = s;
+      if (s.api_id != null) shipByApiId[String(s.api_id)] = s;
+    }
+
+    // 4) choose weekday by shared Tokyo helper
+    const weekdayKey = getTokyoWeekdayKey();
+
+    const vm = buildDailyViewModel({
+      staticData,
+      arrangementIndex,
+      poi: { masterEquipsById, shipBySortno, shipByApiId },
+      weekdayKey,
+      mergeRouteKinds: true
+    });
+
+    // 输出摘要 + 抽样前5行（看 secretaryText / baseCost / phases）
+    const sample = vm.rows.slice(0, 5).map((r) => ({
+      equipId: r.equipId,
+      equipName: r.equipName,
+      baseCost: r.baseCost,
+      secretaryText: r.secretaryText,
+      phase0: r.phases[0],
+      phase1: r.phases[1]
+    }));
+
+    const out = {
+      daily_view_model_validation: {
+        weekdayKey,
+        arrangementStats,
+        rowCount: vm.rows.length,
+        sample
+      }
+    };
+
+    this.setState({
+      meta: "DAILY VIEW MODEL VALIDATION\n",
+      output: JSON.stringify(out, null, 2),
+      lastUpdated: new Date().toLocaleString()
+    });
+  } catch (err) {
+    this.setState({
+      meta: "DAILY VIEW MODEL VALIDATION ERROR\n",
+      output: String(err && (err.stack || err)),
+      lastUpdated: new Date().toLocaleString()
+    });
+  }
+}
+
+  render() {
+    const rowStyle = { display: "flex", gap: 8, alignItems: "center", flexWrap: "wrap" };
+    const labelStyle = { opacity: 0.8 };
+
+    const preStyle = {
+      background: "#0b1220",
+      color: "#e5e7eb",
+      border: "1px solid rgba(255,255,255,0.12)",
+      padding: 12,
+      borderRadius: 8,
+      whiteSpace: "pre-wrap",
+      wordBreak: "break-word",
+      maxHeight: "70vh",
+      overflow: "auto",
+      fontFamily:
+        "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
+    };
+
+    return React.createElement(
+      "div",
+      null,
+      React.createElement(
+        "div",
+        { style: { ...rowStyle, marginBottom: 10 } },
+        React.createElement("span", { style: labelStyle }, "Category:"),
+        React.createElement(
+          "select",
+          {
+            value: this.state.category,
+            onChange: (e) => this.setState({ category: e.target.value }, this.refresh),
+          },
+          React.createElement("option", { value: "master_ships" }, "1) Master Ships ($ships)"),
+          React.createElement("option", { value: "master_equips" }, "2) Master Equips ($equips)"),
+          React.createElement("option", { value: "player_ships" }, "3) Player Ships (ships)"),
+          React.createElement("option", { value: "player_equips" }, "4) Player Equips (equips)"),
+          React.createElement("option", { value: "master_useitems" }, "5) Master Useitems ($useitems)"),
+          React.createElement("option", { value: "player_items" }, "6) Player Items (items/useitems)"),
+          React.createElement("option", { value: "raw_state" }, "RAW) Full redux state (danger)")
+        ),
+
+        React.createElement("span", { style: labelStyle }, "Sample N:"),
+        React.createElement("input", {
+          type: "number",
+          min: 1,
+          max: 10,
+          value: this.state.sampleN,
+          style: { width: 60 },
+          onChange: (e) => this.setState({ sampleN: e.target.value }),
+        }),
+
+        React.createElement("span", { style: labelStyle }, "Search:"),
+        React.createElement("input", {
+          type: "text",
+          value: this.state.searchText,
+          placeholder: "type then Refresh (full scan, top50)",
+          style: { width: 260 },
+          onChange: (e) => this.setState({ searchText: e.target.value }),
+        }),
+        React.createElement(
+          "select",
+          {
+            value: this.state.searchMode,
+            onChange: (e) => this.setState({ searchMode: e.target.value }),
+          },
+          React.createElement("option", { value: "both" }, "key+json"),
+          React.createElement("option", { value: "key" }, "key"),
+          React.createElement("option", { value: "json" }, "json")
+        ),
+
+        React.createElement(
+          "label",
+          { style: { display: "inline-flex", gap: 6, alignItems: "center" } },
+          React.createElement("input", {
+            type: "checkbox",
+            checked: this.state.showRaw,
+            onChange: (e) => this.setState({ showRaw: e.target.checked }, this.refresh),
+          }),
+          React.createElement("span", null, "Show raw object")
+        ),
+
+        React.createElement("button", { onClick: this.refresh }, "Refresh"),
+        React.createElement(
+  "button",
+  {
+    onClick: this.validateStaticData,
+    style: { marginLeft: 8 }
+  },
+  "Validate Static Data"
+),
+React.createElement(
+  "button",
+  {
+    onClick: this.validateArrangementIndex,
+    style: { marginLeft: 8 }
+  },
+  "Validate Arrangement Index"
+),
+React.createElement(
+  "button",
+  { onClick: this.validateDailyViewModel, style: { marginLeft: 8 } },
+  "Validate Daily ViewModel"
+),
+        React.createElement(
+  "button",
+  {
+    onClick: () => {
+  const text = (this.state.meta || "") + "\n" + (this.state.output || "");
+  try {
+    if (typeof window !== "undefined" && window.require) {
+      const { clipboard } = window.require("electron");
+      clipboard.writeText(text);
+      this.setState({ copyStatus: "Copied!" });
+      setTimeout(() => this.setState({ copyStatus: "" }), 2000);
+      return;
+    }
+  } catch {}
+
+  this.setState({ copyStatus: "Copy failed" });
+  setTimeout(() => this.setState({ copyStatus: "" }), 2000);
+},
+  },
+  "Copy"
+),
+React.createElement(
+  "span",
+  { style: { opacity: 0.7, marginLeft: 6 } },
+  this.state.copyStatus || ""
+),
+        React.createElement(
+          "span",
+          { style: { opacity: 0.7, marginLeft: 6 } },
+          this.state.lastUpdated ? `Last: ${this.state.lastUpdated}` : ""
+        )
+      ),
+      React.createElement("pre", { style: preStyle }, this.state.meta + "\n" + this.state.output)
+    );
+  }
+}
+
+module.exports = DebugTab;