@gridsheet/react-dev 3.0.0-rc.0

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './react-dev/src/index'
+export {}

package/dist/index.js

@@ -0,0 +1,459 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { a2p, x2c, Lexer, FormulaParser } from "@gridsheet/react-core";
+const Debugger = ({ hub, intervalMs = 500 }) => {
+  const { wire } = hub;
+  const [snapshot, setSnapshot] = useState({});
+  const [activeTabId, setActiveTabId] = useState(null);
+  const [topHeight, setTopHeight] = useState(() => {
+    const saved = sessionStorage.getItem("debugger_top_height");
+    return saved ? Number(saved) : 200;
+  });
+  const [bottomHeight, setBottomHeight] = useState(() => {
+    const saved = sessionStorage.getItem("debugger_bottom_height");
+    return saved ? Number(saved) : 200;
+  });
+  useEffect(() => {
+    const updateSnapshot = () => {
+      if (!wire) {
+        return;
+      }
+      const {
+        choosingAddress,
+        choosingSheetId,
+        editingAddress,
+        editingSheetId,
+        ready,
+        sheetIdsByName,
+        sheetHead,
+        cellHead,
+        paletteBySheetName,
+        solvedCaches,
+        copyingSheetId,
+        copyingZone,
+        cutting,
+        historyIndex,
+        historyLimit,
+        histories,
+        asyncPending,
+        asyncInflight
+      } = wire;
+      setSnapshot({
+        asyncPending,
+        asyncInflight,
+        ready,
+        sheetIdsByName,
+        sheetHead,
+        cellHead,
+        paletteBySheetName,
+        solvedCaches,
+        choosingAddress,
+        choosingSheetId,
+        editingAddress,
+        editingSheetId,
+        copyingSheetId,
+        copyingZone,
+        cutting,
+        historyIndex,
+        historyLimit,
+        histories
+      });
+    };
+    updateSnapshot();
+    const intervalId = setInterval(updateSnapshot, intervalMs);
+    return () => clearInterval(intervalId);
+  }, [wire, intervalMs]);
+  const sheets = snapshot.sheetIdsByName ? Object.entries(snapshot.sheetIdsByName).map(([name, id]) => ({ id, name })).sort((a, b) => a.id - b.id) : [];
+  useEffect(() => {
+    if (activeTabId === null && sheets.length > 0) {
+      setActiveTabId(sheets[0].id);
+    }
+  }, [sheets.length, activeTabId]);
+  let activeStoreData = null;
+  let activeTableData = null;
+  let wireCellData = null;
+  let wireCellAddress = (wire == null ? void 0 : wire.choosingAddress) || "";
+  let wireCellSheetName = "";
+  let wireFormulaExpr = null;
+  let wireFormulaTokens = null;
+  if (wire && activeTabId !== null) {
+    const { contextsBySheetId } = wire;
+    const context = contextsBySheetId[activeTabId];
+    if (context) {
+      activeStoreData = context.store;
+      const table = context.store.tableReactive.current;
+      if (table) {
+        activeTableData = table;
+      }
+    }
+  }
+  if (wire && wire.choosingSheetId != null) {
+    const { contextsBySheetId } = wire;
+    const choosingContext = contextsBySheetId[wire.choosingSheetId];
+    if (wire.sheetIdsByName) {
+      const entry = Object.entries(wire.sheetIdsByName).find(([, id]) => id === wire.choosingSheetId);
+      if (entry) {
+        wireCellSheetName = entry[0];
+      }
+    }
+    if (choosingContext) {
+      const table = choosingContext.store.tableReactive.current;
+      const store = choosingContext.store;
+      if (table) {
+        const rawTable = table.__raw__ || table;
+        const idMatrix = rawTable.idMatrix;
+        const isTopHeaderSelecting = store.topHeaderSelecting;
+        const isLeftHeaderSelecting = store.leftHeaderSelecting;
+        const pos = isTopHeaderSelecting ? { y: 0, x: store.choosing.x } : isLeftHeaderSelecting ? { y: store.choosing.y, x: 0 } : a2p(wire.choosingAddress);
+        if (isTopHeaderSelecting) {
+          wireCellAddress = `header:${x2c(store.choosing.x)}`;
+        } else if (isLeftHeaderSelecting) {
+          wireCellAddress = `header:${store.choosing.y}`;
+        }
+        if (pos && idMatrix[pos.y]) {
+          const id = idMatrix[pos.y][pos.x];
+          if (id) {
+            wireCellData = wire.data[id];
+            const text = wireCellData == null ? void 0 : wireCellData.value;
+            if (typeof text === "string" && text.startsWith("=")) {
+              try {
+                const lexer = new Lexer(text.substring(1));
+                lexer.tokenize();
+                wireFormulaTokens = lexer.tokens;
+                const parser = new FormulaParser(lexer.tokens);
+                wireFormulaExpr = parser.build();
+              } catch (e) {
+                wireFormulaExpr = { error: String(e) };
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  const jsonReplacer = (key, value) => {
+    if (key === "wire" || key === "__raw__" || value && typeof value === "object" && "current" in value && Object.keys(value).length === 1) {
+      return void 0;
+    }
+    if (value instanceof Map) {
+      return Object.fromEntries(value.entries());
+    }
+    if (value instanceof Set) {
+      return Array.from(value);
+    }
+    return value;
+  };
+  const startDrag = (e) => {
+    e.preventDefault();
+    const startY = e.clientY;
+    const startHeight = topHeight;
+    const onMouseMove = (moveEvent) => {
+      const h = Math.max(100, startHeight + moveEvent.clientY - startY);
+      setTopHeight(h);
+      sessionStorage.setItem("debugger_top_height", String(h));
+    };
+    const onMouseUp = () => {
+      document.removeEventListener("mousemove", onMouseMove);
+      document.removeEventListener("mouseup", onMouseUp);
+    };
+    document.addEventListener("mousemove", onMouseMove);
+    document.addEventListener("mouseup", onMouseUp);
+  };
+  const startDragBottom = (e) => {
+    e.preventDefault();
+    const startY = e.clientY;
+    const startHeight = bottomHeight;
+    const onMouseMove = (moveEvent) => {
+      const h = Math.max(100, startHeight + moveEvent.clientY - startY);
+      setBottomHeight(h);
+      sessionStorage.setItem("debugger_bottom_height", String(h));
+    };
+    const onMouseUp = () => {
+      document.removeEventListener("mousemove", onMouseMove);
+      document.removeEventListener("mouseup", onMouseUp);
+    };
+    document.addEventListener("mousemove", onMouseMove);
+    document.addEventListener("mouseup", onMouseUp);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        fontFamily: "monospace",
+        fontSize: "12px",
+        color: "#212529",
+        border: "1px solid #dee2e6",
+        borderRadius: "6px",
+        overflow: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "row",
+              height: `${topHeight}px`,
+              overflow: "hidden"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    flex: 1,
+                    borderRight: "1px solid #dee2e6",
+                    backgroundColor: "#fafafa",
+                    overflow: "auto",
+                    position: "relative"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          position: "sticky",
+                          top: 0,
+                          background: "#fafafa",
+                          zIndex: 1,
+                          padding: "8px 12px",
+                          fontWeight: "bold",
+                          borderBottom: "2px solid #ccc"
+                        },
+                        children: "Wire State"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("pre", { style: { margin: 0, padding: "12px" }, children: JSON.stringify(snapshot, jsonReplacer, 2) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    flex: 1,
+                    borderRight: "1px solid #dee2e6",
+                    overflow: "auto",
+                    backgroundColor: "#f0f8f0",
+                    position: "relative"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        style: {
+                          position: "sticky",
+                          top: 0,
+                          background: "#f0f8f0",
+                          zIndex: 1,
+                          padding: "8px 12px",
+                          fontWeight: "bold",
+                          borderBottom: "2px solid #ccc"
+                        },
+                        children: [
+                          "Cell: ",
+                          wireCellSheetName && `${wireCellSheetName}!`,
+                          wireCellAddress,
+                          " ",
+                          (wire == null ? void 0 : wire.choosingSheetId) != null && `(SheetID: ${wire.choosingSheetId})`
+                        ]
+                      }
+                    ),
+                    wireCellData ? /* @__PURE__ */ jsx("pre", { style: { margin: 0, padding: "12px" }, children: JSON.stringify(wireCellData, null, 2) }) : /* @__PURE__ */ jsx("div", { style: { fontStyle: "italic", color: "#6c757d", padding: "12px" }, children: "No cell data" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    flex: 1,
+                    borderRight: "1px solid #dee2e6",
+                    overflow: "auto",
+                    backgroundColor: "#fffbf0",
+                    position: "relative"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          position: "sticky",
+                          top: 0,
+                          background: "#fffbf0",
+                          zIndex: 1,
+                          padding: "8px 12px",
+                          fontWeight: "bold",
+                          borderBottom: "2px solid #ccc"
+                        },
+                        children: "Formula Expressions"
+                      }
+                    ),
+                    wireFormulaExpr ? /* @__PURE__ */ jsx("pre", { style: { margin: 0, padding: "12px" }, children: JSON.stringify(wireFormulaExpr, null, 2) }) : /* @__PURE__ */ jsx("div", { style: { fontStyle: "italic", color: "#6c757d", padding: "12px" }, children: wireCellData ? "Not a formula" : "No cell selected" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { style: { flex: 1, overflow: "auto", backgroundColor: "#f5f0ff", position: "relative" }, children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    style: {
+                      position: "sticky",
+                      top: 0,
+                      background: "#f5f0ff",
+                      zIndex: 1,
+                      padding: "8px 12px",
+                      fontWeight: "bold",
+                      borderBottom: "2px solid #ccc"
+                    },
+                    children: "Formula Tokens"
+                  }
+                ),
+                wireFormulaTokens ? /* @__PURE__ */ jsx("pre", { style: { margin: 0, padding: "12px" }, children: JSON.stringify(wireFormulaTokens, null, 2) }) : /* @__PURE__ */ jsx("div", { style: { fontStyle: "italic", color: "#6c757d", padding: "12px" }, children: wireCellData ? "Not a formula" : "No cell selected" })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            onMouseDown: startDrag,
+            style: {
+              height: "6px",
+              backgroundColor: "#dee2e6",
+              cursor: "row-resize",
+              transition: "background-color 0.2s",
+              zIndex: 10
+            },
+            onMouseEnter: (e) => {
+              e.currentTarget.style.backgroundColor = "#adb5bd";
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.backgroundColor = "#dee2e6";
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              borderBottom: "1px solid #dee2e6",
+              borderTop: "1px solid #dee2e6",
+              backgroundColor: "#f8f9fa"
+            },
+            children: [
+              sheets.map((sheet) => /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  onClick: () => setActiveTabId(sheet.id),
+                  style: {
+                    padding: "8px 16px",
+                    cursor: "pointer",
+                    fontWeight: "bold",
+                    borderBottom: activeTabId === sheet.id ? "2px solid #0d6efd" : "2px solid transparent",
+                    color: activeTabId === sheet.id ? "#0d6efd" : "#495057"
+                  },
+                  children: [
+                    sheet.name,
+                    " (ID: ",
+                    sheet.id,
+                    ")"
+                  ]
+                },
+                sheet.id
+              )),
+              sheets.length === 0 && /* @__PURE__ */ jsx("div", { style: { padding: "8px 16px", color: "#6c757d" }, children: "No sheets detected" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "row",
+              height: `${bottomHeight}px`,
+              backgroundColor: "#fff",
+              overflow: "hidden"
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { style: { flex: 1, borderRight: "1px solid #dee2e6", overflow: "auto", position: "relative" }, children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    style: {
+                      position: "sticky",
+                      top: 0,
+                      background: "#fff",
+                      zIndex: 1,
+                      padding: "8px 12px",
+                      fontWeight: "bold",
+                      borderBottom: "2px solid #ccc"
+                    },
+                    children: "Table Data"
+                  }
+                ),
+                activeTableData ? /* @__PURE__ */ jsx("pre", { style: { margin: 0, padding: "12px" }, children: JSON.stringify(activeTableData, jsonReplacer, 2) }) : /* @__PURE__ */ jsx("div", { style: { fontStyle: "italic", color: "#6c757d", padding: "12px" }, children: "Table instance not found" })
+              ] }),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    flex: 1,
+                    overflow: "auto",
+                    backgroundColor: "#fdfdfe",
+                    position: "relative"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          position: "sticky",
+                          top: 0,
+                          background: "#fdfdfe",
+                          zIndex: 1,
+                          padding: "8px 12px",
+                          fontWeight: "bold",
+                          borderBottom: "2px solid #ccc"
+                        },
+                        children: "Store Data"
+                      }
+                    ),
+                    activeStoreData ? /* @__PURE__ */ jsx("pre", { style: { margin: 0, padding: "12px" }, children: JSON.stringify(activeStoreData, jsonReplacer, 2) }) : /* @__PURE__ */ jsx("div", { style: { fontStyle: "italic", color: "#6c757d", padding: "12px" }, children: "Store state not found" })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            onMouseDown: startDragBottom,
+            style: {
+              height: "6px",
+              backgroundColor: "#dee2e6",
+              cursor: "row-resize",
+              transition: "background-color 0.2s",
+              zIndex: 10
+            },
+            onMouseEnter: (e) => {
+              e.currentTarget.style.backgroundColor = "#adb5bd";
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.backgroundColor = "#dee2e6";
+            }
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Debugger
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/Debugger.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { HubType } from '@gridsheet/react-core';\nimport { a2p, x2c, Lexer, FormulaParser } from '@gridsheet/react-core';\n\nexport type DebuggerProps = {\n  hub: HubType;\n  intervalMs?: number;\n};\n\nexport const Debugger: React.FC<DebuggerProps> = ({ hub, intervalMs = 500 }) => {\n  const { wire } = hub;\n  const [snapshot, setSnapshot] = useState<any>({});\n  const [activeTabId, setActiveTabId] = useState<number | null>(null);\n  const [topHeight, setTopHeight] = useState<number>(() => {\n    const saved = sessionStorage.getItem('debugger_top_height');\n    return saved ? Number(saved) : 200;\n  });\n  const [bottomHeight, setBottomHeight] = useState<number>(() => {\n    const saved = sessionStorage.getItem('debugger_bottom_height');\n    return saved ? Number(saved) : 200;\n  });\n\n  useEffect(() => {\n    const updateSnapshot = () => {\n      if (!wire) {\n        return;\n      }\n\n      const {\n        choosingAddress,\n        choosingSheetId,\n        editingAddress,\n        editingSheetId,\n        ready,\n        sheetIdsByName,\n        sheetHead,\n        cellHead,\n        paletteBySheetName,\n        solvedCaches,\n        copyingSheetId,\n        copyingZone,\n        cutting,\n        historyIndex,\n        historyLimit,\n        histories,\n        asyncPending,\n        asyncInflight,\n      } = wire;\n\n      setSnapshot({\n        asyncPending,\n        asyncInflight,\n        ready,\n        sheetIdsByName,\n        sheetHead,\n        cellHead,\n        paletteBySheetName,\n        solvedCaches,\n        choosingAddress,\n        choosingSheetId,\n        editingAddress,\n        editingSheetId,\n        copyingSheetId,\n        copyingZone,\n        cutting,\n        historyIndex,\n        historyLimit,\n        histories,\n      });\n    };\n\n    updateSnapshot();\n\n    const intervalId = setInterval(updateSnapshot, intervalMs);\n    return () => clearInterval(intervalId);\n  }, [wire, intervalMs]);\n\n  const sheets = snapshot.sheetIdsByName\n    ? Object.entries(snapshot.sheetIdsByName)\n        .map(([name, id]) => ({ id: id as number, name }))\n        .sort((a, b) => a.id - b.id)\n    : [];\n\n  useEffect(() => {\n    if (activeTabId === null && sheets.length > 0) {\n      setActiveTabId(sheets[0].id);\n    }\n  }, [sheets.length, activeTabId]);\n\n  let activeStoreData = null;\n  let activeTableData = null;\n\n  // Cell data for wire.choosingSheetId / choosingAddress\n  let wireCellData = null;\n  let wireCellAddress = wire?.choosingAddress || '';\n  let wireCellSheetName = '';\n  let wireFormulaExpr = null;\n  let wireFormulaTokens = null;\n\n  if (wire && activeTabId !== null) {\n    const { contextsBySheetId } = wire;\n    const context = contextsBySheetId[activeTabId];\n\n    if (context) {\n      activeStoreData = context.store;\n\n      const table = context.store.tableReactive.current;\n      if (table) {\n        activeTableData = table;\n      }\n    }\n  }\n\n  // Resolve cell data for wire.choosingSheetId / choosingAddress\n  if (wire && wire.choosingSheetId != null) {\n    const { contextsBySheetId } = wire;\n    const choosingContext = contextsBySheetId[wire.choosingSheetId];\n\n    // Resolve sheet name\n    if (wire.sheetIdsByName) {\n      const entry = Object.entries(wire.sheetIdsByName).find(([, id]) => id === wire.choosingSheetId);\n      if (entry) {\n        wireCellSheetName = entry[0];\n      }\n    }\n\n    if (choosingContext) {\n      const table = choosingContext.store.tableReactive.current;\n      const store = choosingContext.store;\n      if (table) {\n        const rawTable = (table as any).__raw__ || table;\n        const idMatrix = rawTable.idMatrix;\n\n        // When a header is selected, refer to y=0 (top) or x=0 (left) header cell\n        const isTopHeaderSelecting = store.topHeaderSelecting;\n        const isLeftHeaderSelecting = store.leftHeaderSelecting;\n        const pos = isTopHeaderSelecting\n          ? { y: 0, x: store.choosing.x }\n          : isLeftHeaderSelecting\n            ? { y: store.choosing.y, x: 0 }\n            : a2p(wire.choosingAddress);\n\n        if (isTopHeaderSelecting) {\n          wireCellAddress = `header:${x2c(store.choosing.x)}`;\n        } else if (isLeftHeaderSelecting) {\n          wireCellAddress = `header:${store.choosing.y}`;\n        }\n\n        if (pos && idMatrix[pos.y]) {\n          const id = idMatrix[pos.y][pos.x];\n          if (id) {\n            wireCellData = wire.data[id];\n\n            // Parse formula\n            const text = wireCellData?.value;\n            if (typeof text === 'string' && text.startsWith('=')) {\n              try {\n                const lexer = new Lexer(text.substring(1));\n                lexer.tokenize();\n                wireFormulaTokens = lexer.tokens;\n                const parser = new FormulaParser(lexer.tokens);\n                wireFormulaExpr = parser.build();\n              } catch (e) {\n                wireFormulaExpr = { error: String(e) };\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  const jsonReplacer = (key: string, value: any) => {\n    // Avoid circular refs, noise, and React RefObjects\n    if (\n      key === 'wire' ||\n      key === '__raw__' ||\n      (value && typeof value === 'object' && 'current' in value && Object.keys(value).length === 1) // basic heuristic to skip ref objects\n    ) {\n      return undefined;\n    }\n    if (value instanceof Map) {\n      return Object.fromEntries(value.entries());\n    }\n    if (value instanceof Set) {\n      return Array.from(value);\n    }\n    return value;\n  };\n\n  const startDrag = (e: React.MouseEvent) => {\n    e.preventDefault();\n    const startY = e.clientY;\n    const startHeight = topHeight;\n    const onMouseMove = (moveEvent: MouseEvent) => {\n      const h = Math.max(100, startHeight + moveEvent.clientY - startY);\n      setTopHeight(h);\n      sessionStorage.setItem('debugger_top_height', String(h));\n    };\n    const onMouseUp = () => {\n      document.removeEventListener('mousemove', onMouseMove);\n      document.removeEventListener('mouseup', onMouseUp);\n    };\n    document.addEventListener('mousemove', onMouseMove);\n    document.addEventListener('mouseup', onMouseUp);\n  };\n\n  const startDragBottom = (e: React.MouseEvent) => {\n    e.preventDefault();\n    const startY = e.clientY;\n    const startHeight = bottomHeight;\n    const onMouseMove = (moveEvent: MouseEvent) => {\n      const h = Math.max(100, startHeight + moveEvent.clientY - startY);\n      setBottomHeight(h);\n      sessionStorage.setItem('debugger_bottom_height', String(h));\n    };\n    const onMouseUp = () => {\n      document.removeEventListener('mousemove', onMouseMove);\n      document.removeEventListener('mouseup', onMouseUp);\n    };\n    document.addEventListener('mousemove', onMouseMove);\n    document.addEventListener('mouseup', onMouseUp);\n  };\n\n  return (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        fontFamily: 'monospace',\n        fontSize: '12px',\n        color: '#212529',\n        border: '1px solid #dee2e6',\n        borderRadius: '6px',\n        overflow: 'hidden',\n      }}\n    >\n      {/* 上段: Wire State | Wire Cell | Formula Expressions | Formula Tokens */}\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'row',\n          height: `${topHeight}px`,\n          overflow: 'hidden',\n        }}\n      >\n        {/* Wire State */}\n        <div\n          style={{\n            flex: 1,\n            borderRight: '1px solid #dee2e6',\n            backgroundColor: '#fafafa',\n            overflow: 'auto',\n            position: 'relative',\n          }}\n        >\n          <div\n            style={{\n              position: 'sticky',\n              top: 0,\n              background: '#fafafa',\n              zIndex: 1,\n              padding: '8px 12px',\n              fontWeight: 'bold',\n              borderBottom: '2px solid #ccc',\n            }}\n          >\n            Wire State\n          </div>\n          <pre style={{ margin: 0, padding: '12px' }}>{JSON.stringify(snapshot, jsonReplacer, 2)}</pre>\n        </div>\n\n        {/* Wire Cell Value: wire.choosingSheetId / choosingAddress のセルデータ */}\n        <div\n          style={{\n            flex: 1,\n            borderRight: '1px solid #dee2e6',\n            overflow: 'auto',\n            backgroundColor: '#f0f8f0',\n            position: 'relative',\n          }}\n        >\n          <div\n            style={{\n              position: 'sticky',\n              top: 0,\n              background: '#f0f8f0',\n              zIndex: 1,\n              padding: '8px 12px',\n              fontWeight: 'bold',\n              borderBottom: '2px solid #ccc',\n            }}\n          >\n            Cell: {wireCellSheetName && `${wireCellSheetName}!`}\n            {wireCellAddress} {wire?.choosingSheetId != null && `(SheetID: ${wire.choosingSheetId})`}\n          </div>\n          {wireCellData ? (\n            <pre style={{ margin: 0, padding: '12px' }}>{JSON.stringify(wireCellData, null, 2)}</pre>\n          ) : (\n            <div style={{ fontStyle: 'italic', color: '#6c757d', padding: '12px' }}>No cell data</div>\n          )}\n        </div>\n\n        {/* Formula Expressions */}\n        <div\n          style={{\n            flex: 1,\n            borderRight: '1px solid #dee2e6',\n            overflow: 'auto',\n            backgroundColor: '#fffbf0',\n            position: 'relative',\n          }}\n        >\n          <div\n            style={{\n              position: 'sticky',\n              top: 0,\n              background: '#fffbf0',\n              zIndex: 1,\n              padding: '8px 12px',\n              fontWeight: 'bold',\n              borderBottom: '2px solid #ccc',\n            }}\n          >\n            Formula Expressions\n          </div>\n          {wireFormulaExpr ? (\n            <pre style={{ margin: 0, padding: '12px' }}>{JSON.stringify(wireFormulaExpr, null, 2)}</pre>\n          ) : (\n            <div style={{ fontStyle: 'italic', color: '#6c757d', padding: '12px' }}>\n              {wireCellData ? 'Not a formula' : 'No cell selected'}\n            </div>\n          )}\n        </div>\n\n        {/* Formula Tokens: lexer.tokens */}\n        <div style={{ flex: 1, overflow: 'auto', backgroundColor: '#f5f0ff', position: 'relative' }}>\n          <div\n            style={{\n              position: 'sticky',\n              top: 0,\n              background: '#f5f0ff',\n              zIndex: 1,\n              padding: '8px 12px',\n              fontWeight: 'bold',\n              borderBottom: '2px solid #ccc',\n            }}\n          >\n            Formula Tokens\n          </div>\n          {wireFormulaTokens ? (\n            <pre style={{ margin: 0, padding: '12px' }}>{JSON.stringify(wireFormulaTokens, null, 2)}</pre>\n          ) : (\n            <div style={{ fontStyle: 'italic', color: '#6c757d', padding: '12px' }}>\n              {wireCellData ? 'Not a formula' : 'No cell selected'}\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Resizer for Top Pane */}\n      <div\n        onMouseDown={startDrag}\n        style={{\n          height: '6px',\n          backgroundColor: '#dee2e6',\n          cursor: 'row-resize',\n          transition: 'background-color 0.2s',\n          zIndex: 10,\n        }}\n        onMouseEnter={(e) => {\n          e.currentTarget.style.backgroundColor = '#adb5bd';\n        }}\n        onMouseLeave={(e) => {\n          e.currentTarget.style.backgroundColor = '#dee2e6';\n        }}\n      />\n\n      {/* Sheet Tabs */}\n      <div\n        style={{\n          display: 'flex',\n          borderBottom: '1px solid #dee2e6',\n          borderTop: '1px solid #dee2e6',\n          backgroundColor: '#f8f9fa',\n        }}\n      >\n        {sheets.map((sheet) => (\n          <div\n            key={sheet.id}\n            onClick={() => setActiveTabId(sheet.id)}\n            style={{\n              padding: '8px 16px',\n              cursor: 'pointer',\n              fontWeight: 'bold',\n              borderBottom: activeTabId === sheet.id ? '2px solid #0d6efd' : '2px solid transparent',\n              color: activeTabId === sheet.id ? '#0d6efd' : '#495057',\n            }}\n          >\n            {sheet.name} (ID: {sheet.id})\n          </div>\n        ))}\n        {sheets.length === 0 && <div style={{ padding: '8px 16px', color: '#6c757d' }}>No sheets detected</div>}\n      </div>\n\n      {/* 下段: Table Data | Store Data */}\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'row',\n          height: `${bottomHeight}px`,\n          backgroundColor: '#fff',\n          overflow: 'hidden',\n        }}\n      >\n        <div style={{ flex: 1, borderRight: '1px solid #dee2e6', overflow: 'auto', position: 'relative' }}>\n          <div\n            style={{\n              position: 'sticky',\n              top: 0,\n              background: '#fff',\n              zIndex: 1,\n              padding: '8px 12px',\n              fontWeight: 'bold',\n              borderBottom: '2px solid #ccc',\n            }}\n          >\n            Table Data\n          </div>\n          {activeTableData ? (\n            <pre style={{ margin: 0, padding: '12px' }}>{JSON.stringify(activeTableData, jsonReplacer, 2)}</pre>\n          ) : (\n            <div style={{ fontStyle: 'italic', color: '#6c757d', padding: '12px' }}>Table instance not found</div>\n          )}\n        </div>\n\n        <div\n          style={{\n            flex: 1,\n            overflow: 'auto',\n            backgroundColor: '#fdfdfe',\n            position: 'relative',\n          }}\n        >\n          <div\n            style={{\n              position: 'sticky',\n              top: 0,\n              background: '#fdfdfe',\n              zIndex: 1,\n              padding: '8px 12px',\n              fontWeight: 'bold',\n              borderBottom: '2px solid #ccc',\n            }}\n          >\n            Store Data\n          </div>\n          {activeStoreData ? (\n            <pre style={{ margin: 0, padding: '12px' }}>{JSON.stringify(activeStoreData, jsonReplacer, 2)}</pre>\n          ) : (\n            <div style={{ fontStyle: 'italic', color: '#6c757d', padding: '12px' }}>Store state not found</div>\n          )}\n        </div>\n      </div>\n\n      {/* Resizer for Bottom Pane */}\n      <div\n        onMouseDown={startDragBottom}\n        style={{\n          height: '6px',\n          backgroundColor: '#dee2e6',\n          cursor: 'row-resize',\n          transition: 'background-color 0.2s',\n          zIndex: 10,\n        }}\n        onMouseEnter={(e) => {\n          e.currentTarget.style.backgroundColor = '#adb5bd';\n        }}\n        onMouseLeave={(e) => {\n          e.currentTarget.style.backgroundColor = '#dee2e6';\n        }}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/react-dev/src/Debugger.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { HubType } from '../../react-core/src/index.ts';
+export type DebuggerProps = {
+    hub: HubType;
+    intervalMs?: number;
+};
+export declare const Debugger: React.FC<DebuggerProps>;
+//# sourceMappingURL=Debugger.d.ts.map

package/dist/react-dev/src/Debugger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Debugger.d.ts","sourceRoot":"","sources":["../../../src/Debugger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGrD,MAAM,MAAM,aAAa,GAAG;IAC1B,GAAG,EAAE,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2d5C,CAAC"}

package/dist/react-dev/src/index.d.ts

@@ -0,0 +1,3 @@
+export { Debugger } from './Debugger';
+export type { DebuggerProps } from './Debugger';
+//# sourceMappingURL=index.d.ts.map

package/dist/react-dev/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@gridsheet/react-dev",
+  "version": "3.0.0-rc.0",
+  "description": "Development tools for GridSheet",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "rm -rf ./dist || true && vite build",
+    "typecheck": "pnpm tsc --noEmit"
+  },
+  "author": "righ",
+  "license": "Apache-2.0",
+  "files": [
+    "dist/",
+    "package.json",
+    "README.md",
+    "LICENSE"
+  ],
+  "dependencies": {
+    "@gridsheet/react-core": "^3.0.0-rc.0"
+  },
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
+  "devDependencies": {
+    "@types/react": "^16.9.24",
+    "@types/react-dom": "^16.9.24",
+    "@vitejs/plugin-react": "^4.3.4",
+    "typescript": "^5.8.2",
+    "vite": "^6.2.2",
+    "vite-plugin-dts": "^4.5.3"
+  }
+}