@gridsheet/react-dev 3.0.0-rc.1 → 3.0.0-rc.10

package/LICENSE

@@ -0,0 +1,190 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   Copyright 2020 righ
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -2,9 +2,7 @@
 
 Development tools for [GridSheet](https://github.com/walkframe/gridsheet).
 
-## Overview
-
-`@gridsheet/react-dev` provides a `Debugger` component that gives you real-time visibility into the internal state of a GridSheet instance. It is intended for use during development only and should **not** be included in production builds.
+> **Note:** Intended for use during development only. Do not include in production builds.
 
 ## Installation
 
@@ -16,20 +14,19 @@ pnpm add -D @gridsheet/react-dev
 
 ## Usage
 
-Pass a `hub` object (created via `createConnector` from `@gridsheet/react-core`) to the `Debugger` component.
+Pass a `book` object (created via `useBook` from `@gridsheet/react-core`) to the `Debugger` component.
 
 ```tsx
 import React from 'react';
-import { GridSheet, createConnector } from '@gridsheet/react-core';
+import { GridSheet, useBook } from '@gridsheet/react-core';
 import { Debugger } from '@gridsheet/react-dev';
 
-const hub = createConnector();
-
 export default function App() {
+  const book = useBook();
   return (
     <>
-      <GridSheet hub={hub} />
-      <Debugger hub={hub} />
+      <GridSheet book={book} />
+      <Debugger book={book} />
     </>
   );
 }
@@ -39,36 +36,10 @@ export default function App() {
 
 ### `Debugger`
 
-| Prop         | Type      | Default | Description                                           |
-|--------------|-----------|---------|-------------------------------------------------------|
-| `hub`        | `HubType` | —       | The hub object connected to a `GridSheet` instance.   |
-| `intervalMs` | `number`  | `500`   | Polling interval (ms) for refreshing the state view.  |
-
-## Panel Layout
-
-The `Debugger` renders a resizable panel divided into two rows:
-
-### Top row (resizable height)
-
-| Panel                  | Description                                                            |
-|------------------------|------------------------------------------------------------------------|
-| **Wire State**         | Snapshot of the shared wire state (choosing address, history, etc.).   |
-| **Cell**               | Data of the currently selected cell (value, style, meta, etc.).        |
-| **Formula Expressions**| Parsed AST of the formula in the selected cell (if any).               |
-| **Formula Tokens**     | Tokenized result of the formula lexer for the selected cell (if any).  |
-
-### Sheet tabs
-
-Tabs to switch which sheet's internal data is shown in the bottom row.
-
-### Bottom row (resizable height)
-
-| Panel          | Description                                      |
-|----------------|--------------------------------------------------|
-| **Table Data** | Raw table instance data for the selected sheet.  |
-| **Store Data** | Internal store state for the selected sheet.     |
-
-Both rows can be resized by dragging the divider between them. Heights are persisted in `sessionStorage`.
+| Prop         | Type       | Default | Description                                          |
+|--------------|------------|---------|------------------------------------------------------|
+| `book`       | `BookType` | —       | The book object connected to a `GridSheet` instance. |
+| `intervalMs` | `number`   | `500`   | Polling interval (ms) for refreshing the state view. |
 
 ## License
 

package/dist/{react-dev/src/Debugger.d.ts → Debugger.d.ts}

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
-import { HubType } from '../../react-core/src/index.ts';
+import { BookType } from '@gridsheet/core';
 export type DebuggerProps = {
-    hub: HubType;
+    book: BookType;
     intervalMs?: number;
 };
 export declare const Debugger: React.FC<DebuggerProps>;

package/dist/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,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AA6ChD,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAshB5C,CAAC"}

package/dist/index.d.ts

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

package/dist/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/dist/index.js

@@ -1,181 +1,159 @@
-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) {
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { useState as L, useEffect as N } from "react";
+import { a2p as X, x2c as ee, Lexer as te, FormulaParser as oe, Sheet as re } from "@gridsheet/core";
+import { Light as Y } from "react-syntax-highlighter";
+import ne from "react-syntax-highlighter/dist/esm/languages/hljs/json";
+import ie from "react-syntax-highlighter/dist/esm/styles/hljs/atom-one-light";
+import se from "react-syntax-highlighter/dist/esm/styles/hljs/tomorrow-night";
+import de from "react-syntax-highlighter/dist/esm/styles/hljs/solarized-dark";
+import le from "react-syntax-highlighter/dist/esm/styles/hljs/solarized-light";
+import ae from "react-syntax-highlighter/dist/esm/styles/hljs/docco";
+import ce from "react-syntax-highlighter/dist/esm/styles/hljs/atelier-seaside-light";
+import pe from "react-syntax-highlighter/dist/esm/styles/hljs/atelier-heath-light";
+Y.registerLanguage("json", ne);
+const x = {
+  get: (c) => typeof window < "u" ? sessionStorage.getItem(c) : null,
+  set: (c, h) => {
+    typeof window < "u" && sessionStorage.setItem(c, h);
+  }
+}, b = ({
+  data: c,
+  replacer: h,
+  theme: o
+}) => {
+  const y = JSON.stringify(c, h, 2) ?? "";
+  return /* @__PURE__ */ r(
+    Y,
+    {
+      language: "json",
+      style: o,
+      showLineNumbers: !0,
+      customStyle: { margin: 0, fontSize: "10px", minHeight: "100%", borderRadius: 0, whiteSpace: "pre" },
+      codeTagProps: { style: { display: "block", whiteSpace: "pre", fontSize: "10px" } },
+      children: y
+    }
+  );
+}, Ie = ({ book: c, intervalMs: h = 500 }) => {
+  const { registry: o } = c, [y, $] = L({}), [u, E] = L(null), [H, R] = L(200), [j, F] = L(200), [p, W] = L("expressions");
+  N(() => {
+    const e = x.get("gs-debugger-top-height");
+    e && R(Number(e));
+    const t = x.get("gs-debugger-bottom-height");
+    t && F(Number(t));
+    const n = x.get("gs-debugger-formula-view");
+    n && W(n);
+  }, []), N(() => {
+    const e = () => {
+      if (!o)
         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
+        choosingAddress: n,
+        choosingSheetId: i,
+        editingAddress: l,
+        editingSheetId: a,
+        ready: d,
+        sheetIdsByName: B,
+        sheetHead: m,
+        cellHead: w,
+        paletteBySheetName: I,
+        solvedCaches: f,
+        copyingSheetId: O,
+        copyingZone: U,
+        cutting: V,
+        historyIndex: Z,
+        historyLimit: q,
+        histories: G,
+        asyncPending: K,
+        asyncInflight: Q
+      } = o;
+      $({
+        asyncPending: K,
+        asyncInflight: Q,
+        ready: d,
+        sheetIdsByName: B,
+        sheetHead: m,
+        cellHead: w,
+        paletteBySheetName: I,
+        solvedCaches: f,
+        choosingAddress: n,
+        choosingSheetId: i,
+        editingAddress: l,
+        editingSheetId: a,
+        copyingSheetId: O,
+        copyingZone: U,
+        cutting: V,
+        historyIndex: Z,
+        historyLimit: q,
+        histories: G
       });
     };
-    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;
-      }
+    e();
+    const t = setInterval(e, h);
+    return () => clearInterval(t);
+  }, [o, h]);
+  const v = y.sheetIdsByName ? Object.entries(y.sheetIdsByName).map(([e, t]) => ({ id: t, name: e })).sort((e, t) => e.id - t.id) : [];
+  N(() => {
+    u === null && v.length > 0 && E(v[0].id);
+  }, [v.length, u]);
+  let z = null, T = null, g = null, D = null, C = (o == null ? void 0 : o.choosingAddress) || "", S = "", M = null, _ = null;
+  if (o && u !== null) {
+    const { contextsBySheetId: e } = o, t = e[u];
+    if (t) {
+      z = t.store;
+      const n = t.store.sheetReactive.current;
+      n && (T = n);
     }
   }
-  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 (o && o.choosingSheetId != null) {
+    const { contextsBySheetId: e } = o, t = e[o.choosingSheetId];
+    if (o.sheetIdsByName) {
+      const n = Object.entries(o.sheetIdsByName).find(([, i]) => i === o.choosingSheetId);
+      n && (S = n[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("=")) {
+    if (t) {
+      const n = t.store.sheetReactive.current, i = t.store;
+      if (n) {
+        const a = (n.__raw__ || n).idMatrix, d = i.topHeaderSelecting, B = i.leftHeaderSelecting, m = d ? { y: 0, x: i.choosing.x } : B ? { y: i.choosing.y, x: 0 } : X(o.choosingAddress);
+        if (d ? C = `header:${ee(i.choosing.x)}` : B && (C = `header:${i.choosing.y}`), m && a[m.y]) {
+          const w = a[m.y][m.x];
+          if (w) {
+            g = o.data[w], D = o.systems[w] ?? null;
+            const I = g == null ? void 0 : g.value;
+            if (typeof I == "string" && I.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 f = new te(I.substring(1));
+                f.tokenize(), _ = f.tokens, M = new oe(f.tokens).build();
+              } catch (f) {
+                M = { error: String(f) };
               }
-            }
           }
         }
       }
     }
   }
-  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) => {
+  const k = (e, t) => {
+    if (!(e === "registry" || e === "__raw__" || t && typeof t == "object" && "current" in t && Object.keys(t).length === 1))
+      return t instanceof Map ? Object.fromEntries(t.entries()) : t instanceof Set ? Array.from(t) : t;
+  }, A = (e, t) => t instanceof re ? t.toString() : k(e, t), P = (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);
+    const t = e.clientY, n = H, i = (a) => {
+      const d = Math.max(100, n + a.clientY - t);
+      R(d), x.set("gs-debugger-top-height", String(d));
+    }, l = () => {
+      document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", l);
     };
-    document.addEventListener("mousemove", onMouseMove);
-    document.addEventListener("mouseup", onMouseUp);
-  };
-  const startDragBottom = (e) => {
+    document.addEventListener("mousemove", i), document.addEventListener("mouseup", l);
+  }, J = (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);
+    const t = e.clientY, n = j, i = (a) => {
+      const d = Math.max(100, n + a.clientY - t);
+      F(d), x.set("gs-debugger-bottom-height", String(d));
+    }, l = () => {
+      document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", l);
     };
-    document.addEventListener("mousemove", onMouseMove);
-    document.addEventListener("mouseup", onMouseUp);
+    document.addEventListener("mousemove", i), document.addEventListener("mouseup", l);
   };
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ s(
     "div",
     {
       style: {
@@ -189,17 +167,17 @@ const Debugger = ({ hub, intervalMs = 500 }) => {
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ s(
           "div",
           {
             style: {
               display: "flex",
               flexDirection: "row",
-              height: `${topHeight}px`,
+              height: `${H}px`,
               overflow: "hidden"
             },
             children: [
-              /* @__PURE__ */ jsxs(
+              /* @__PURE__ */ s(
                 "div",
                 {
                   style: {
@@ -210,7 +188,7 @@ const Debugger = ({ hub, intervalMs = 500 }) => {
                     position: "relative"
                   },
                   children: [
-                    /* @__PURE__ */ jsx(
+                    /* @__PURE__ */ r(
                       "div",
                       {
                         style: {
@@ -222,14 +200,14 @@ const Debugger = ({ hub, intervalMs = 500 }) => {
                           fontWeight: "bold",
                           borderBottom: "2px solid #ccc"
                         },
-                        children: "Wire State"
+                        children: "Registry State"
                       }
                     ),
-                    /* @__PURE__ */ jsx("pre", { style: { margin: 0, padding: "12px" }, children: JSON.stringify(snapshot, jsonReplacer, 2) })
+                    /* @__PURE__ */ r(b, { data: y, replacer: A, theme: ie })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs(
+              /* @__PURE__ */ s(
                 "div",
                 {
                   style: {
@@ -240,7 +218,7 @@ const Debugger = ({ hub, intervalMs = 500 }) => {
                     position: "relative"
                   },
                   children: [
-                    /* @__PURE__ */ jsxs(
+                    /* @__PURE__ */ s(
                       "div",
                       {
                         style: {
@@ -254,72 +232,116 @@ const Debugger = ({ hub, intervalMs = 500 }) => {
                         },
                         children: [
                           "Cell: ",
-                          wireCellSheetName && `${wireCellSheetName}!`,
-                          wireCellAddress,
-                          " ",
-                          (wire == null ? void 0 : wire.choosingSheetId) != null && `(SheetID: ${wire.choosingSheetId})`
+                          S && `'${S}'!`,
+                          C
                         ]
                       }
                     ),
-                    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" })
+                    g ? /* @__PURE__ */ r(b, { data: g, replacer: k, theme: ce }) : /* @__PURE__ */ r("div", { style: { fontStyle: "italic", color: "#6c757d", padding: "12px" }, children: "No cell data" })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs(
+              /* @__PURE__ */ s(
                 "div",
                 {
                   style: {
                     flex: 1,
                     borderRight: "1px solid #dee2e6",
                     overflow: "auto",
-                    backgroundColor: "#fffbf0",
+                    backgroundColor: "#fdf0f2",
                     position: "relative"
                   },
                   children: [
-                    /* @__PURE__ */ jsx(
+                    /* @__PURE__ */ s(
                       "div",
                       {
                         style: {
                           position: "sticky",
                           top: 0,
-                          background: "#fffbf0",
+                          background: "#fdf0f2",
                           zIndex: 1,
                           padding: "8px 12px",
                           fontWeight: "bold",
                           borderBottom: "2px solid #ccc"
                         },
-                        children: "Formula Expressions"
+                        children: [
+                          "System: ",
+                          S && `'${S}'!`,
+                          C
+                        ]
                       }
                     ),
-                    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" })
+                    D ? /* @__PURE__ */ r(b, { data: D, replacer: k, theme: pe }) : /* @__PURE__ */ r("div", { style: { fontStyle: "italic", color: "#6c757d", padding: "12px" }, children: "No system data" })
                   ]
                 }
               ),
-              /* @__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__ */ s(
+                "div",
+                {
+                  style: {
+                    flex: 1,
+                    overflow: "auto",
+                    backgroundColor: p === "expressions" ? "#fffbf0" : "#f5f0ff",
+                    position: "relative"
+                  },
+                  children: [
+                    /* @__PURE__ */ s(
+                      "div",
+                      {
+                        style: {
+                          position: "sticky",
+                          top: 0,
+                          background: p === "expressions" ? "#fffbf0" : "#f5f0ff",
+                          zIndex: 1,
+                          padding: "6px 12px",
+                          fontWeight: "bold",
+                          borderBottom: "2px solid #ccc",
+                          display: "flex",
+                          alignItems: "center",
+                          gap: "8px"
+                        },
+                        children: [
+                          /* @__PURE__ */ r("span", { children: p === "expressions" ? "Formula Expressions" : "Formula Tokens" }),
+                          /* @__PURE__ */ r(
+                            "button",
+                            {
+                              onClick: () => {
+                                const e = p === "expressions" ? "tokens" : "expressions";
+                                W(e), x.set("gs-debugger-formula-view", e);
+                              },
+                              style: {
+                                marginLeft: "auto",
+                                fontSize: "11px",
+                                padding: "2px 8px",
+                                cursor: "pointer",
+                                border: "1px solid #aaa",
+                                borderRadius: "4px",
+                                background: "#fff"
+                              },
+                              children: p === "expressions" ? "→ Tokens" : "→ Expressions"
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    g ? /* @__PURE__ */ r(
+                      b,
+                      {
+                        data: p === "expressions" ? M : _,
+                        replacer: k,
+                        theme: p === "expressions" ? le : ae
+                      }
+                    ) : /* @__PURE__ */ r("div", { style: { fontStyle: "italic", color: "#6c757d", padding: "12px" }, children: "No cell selected" })
+                  ]
+                }
+              )
             ]
           }
         ),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ r(
           "div",
           {
-            onMouseDown: startDrag,
+            onMouseDown: P,
             style: {
               height: "6px",
               backgroundColor: "#dee2e6",
@@ -335,7 +357,7 @@ const Debugger = ({ hub, intervalMs = 500 }) => {
             }
           }
         ),
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ s(
           "div",
           {
             style: {
@@ -345,95 +367,109 @@ const Debugger = ({ hub, intervalMs = 500 }) => {
               backgroundColor: "#f8f9fa"
             },
             children: [
-              sheets.map((sheet) => /* @__PURE__ */ jsxs(
+              v.map((e) => /* @__PURE__ */ s(
                 "div",
                 {
-                  onClick: () => setActiveTabId(sheet.id),
+                  onClick: () => E(e.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"
+                    borderBottom: u === e.id ? "2px solid #0d6efd" : "2px solid transparent",
+                    color: u === e.id ? "#0d6efd" : "#495057"
                   },
                   children: [
-                    sheet.name,
+                    e.name,
                     " (ID: ",
-                    sheet.id,
+                    e.id,
                     ")"
                   ]
                 },
-                sheet.id
+                e.id
               )),
-              sheets.length === 0 && /* @__PURE__ */ jsx("div", { style: { padding: "8px 16px", color: "#6c757d" }, children: "No sheets detected" })
+              v.length === 0 && /* @__PURE__ */ r("div", { style: { padding: "8px 16px", color: "#6c757d" }, children: "No sheets detected" })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ s(
           "div",
           {
             style: {
               display: "flex",
               flexDirection: "row",
-              height: `${bottomHeight}px`,
-              backgroundColor: "#fff",
+              height: `${j}px`,
+              backgroundColor: "#282c34",
               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(
+              /* @__PURE__ */ s(
                 "div",
                 {
                   style: {
                     flex: 1,
+                    borderRight: "1px solid #3a3a3a",
                     overflow: "auto",
-                    backgroundColor: "#fdfdfe",
+                    position: "relative",
+                    backgroundColor: "#282c34"
+                  },
+                  children: [
+                    /* @__PURE__ */ r(
+                      "div",
+                      {
+                        style: {
+                          position: "sticky",
+                          top: 0,
+                          background: "#21252b",
+                          zIndex: 1,
+                          padding: "8px 12px",
+                          fontWeight: "bold",
+                          borderBottom: "2px solid #3a3a3a",
+                          color: "#abb2bf"
+                        },
+                        children: "Sheet Data"
+                      }
+                    ),
+                    T ? /* @__PURE__ */ r(b, { data: T, replacer: k, theme: se }) : /* @__PURE__ */ r("div", { style: { fontStyle: "italic", color: "#6c757d", padding: "12px" }, children: "Sheet instance not found" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ s(
+                "div",
+                {
+                  style: {
+                    flex: 1,
+                    overflow: "auto",
+                    backgroundColor: "#282c34",
                     position: "relative"
                   },
                   children: [
-                    /* @__PURE__ */ jsx(
+                    /* @__PURE__ */ r(
                       "div",
                       {
                         style: {
                           position: "sticky",
                           top: 0,
-                          background: "#fdfdfe",
+                          background: "#21252b",
                           zIndex: 1,
                           padding: "8px 12px",
                           fontWeight: "bold",
-                          borderBottom: "2px solid #ccc"
+                          borderBottom: "2px solid #3a3a3a",
+                          color: "#abb2bf"
                         },
                         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" })
+                    z ? /* @__PURE__ */ r(b, { data: z, replacer: A, theme: de }) : /* @__PURE__ */ r("div", { style: { fontStyle: "italic", color: "#6c757d", padding: "12px" }, children: "Store state not found" })
                   ]
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ r(
           "div",
           {
-            onMouseDown: startDragBottom,
+            onMouseDown: J,
             style: {
               height: "6px",
               backgroundColor: "#dee2e6",
@@ -454,6 +490,6 @@ const Debugger = ({ hub, intervalMs = 500 }) => {
   );
 };
 export {
-  Debugger
+  Ie as Debugger
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +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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"}
+{"version":3,"file":"index.js","sources":["../src/Debugger.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { BookType } from '@gridsheet/core';\nimport { a2p, x2c, Lexer, FormulaParser, Sheet } from '@gridsheet/core';\nimport { Light as SyntaxHighlighter } from 'react-syntax-highlighter';\nimport type { SyntaxHighlighterProps } from 'react-syntax-highlighter';\nimport jsonLang from 'react-syntax-highlighter/dist/esm/languages/hljs/json';\nimport atomOneLight from 'react-syntax-highlighter/dist/esm/styles/hljs/atom-one-light';\nimport tomorrowNight from 'react-syntax-highlighter/dist/esm/styles/hljs/tomorrow-night';\nimport solarizedDark from 'react-syntax-highlighter/dist/esm/styles/hljs/solarized-dark';\nimport solarizedLight from 'react-syntax-highlighter/dist/esm/styles/hljs/solarized-light';\nimport docco from 'react-syntax-highlighter/dist/esm/styles/hljs/docco';\nimport atelierSeasideLight from 'react-syntax-highlighter/dist/esm/styles/hljs/atelier-seaside-light';\nimport atelierHeathLight from 'react-syntax-highlighter/dist/esm/styles/hljs/atelier-heath-light';\n\nSyntaxHighlighter.registerLanguage('json', jsonLang);\n\nconst ss = {\n  get: (key: string) => (typeof window !== 'undefined' ? sessionStorage.getItem(key) : null),\n  set: (key: string, value: string) => {\n    if (typeof window !== 'undefined') {\n      sessionStorage.setItem(key, value);\n    }\n  },\n};\n\ntype HljsStyle = SyntaxHighlighterProps['style'];\n\nconst JsonCode: React.FC<{ data: any; replacer?: (k: string, v: any) => any; theme: HljsStyle }> = ({\n  data,\n  replacer,\n  theme,\n}) => {\n  const code = JSON.stringify(data, replacer, 2) ?? '';\n  return (\n    <SyntaxHighlighter\n      language=\"json\"\n      style={theme}\n      showLineNumbers\n      customStyle={{ margin: 0, fontSize: '10px', minHeight: '100%', borderRadius: 0, whiteSpace: 'pre' }}\n      codeTagProps={{ style: { display: 'block', whiteSpace: 'pre', fontSize: '10px' } }}\n    >\n      {code}\n    </SyntaxHighlighter>\n  );\n};\n\nexport type DebuggerProps = {\n  book: BookType;\n  intervalMs?: number;\n};\n\nexport const Debugger: React.FC<DebuggerProps> = ({ book, intervalMs = 500 }) => {\n  const { registry } = book;\n  const [snapshot, setSnapshot] = useState<any>({});\n  const [activeTabId, setActiveTabId] = useState<number | null>(null);\n  const [topHeight, setTopHeight] = useState<number>(200);\n  const [bottomHeight, setBottomHeight] = useState<number>(200);\n  const [formulaView, setFormulaView] = useState<'expressions' | 'tokens'>('expressions');\n\n  useEffect(() => {\n    const savedTop = ss.get('gs-debugger-top-height');\n    if (savedTop) {\n      setTopHeight(Number(savedTop));\n    }\n    const savedBottom = ss.get('gs-debugger-bottom-height');\n    if (savedBottom) {\n      setBottomHeight(Number(savedBottom));\n    }\n    const savedFormula = ss.get('gs-debugger-formula-view') as 'expressions' | 'tokens';\n    if (savedFormula) {\n      setFormulaView(savedFormula);\n    }\n  }, []);\n\n  useEffect(() => {\n    const updateSnapshot = () => {\n      if (!registry) {\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      } = registry;\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  }, [registry, 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 the currently selected cell (registry.choosingSheetId / choosingAddress)\n  let registryCellData = null;\n  let registrySystemData = null;\n  let registryCellAddress = registry?.choosingAddress || '';\n  let registryCellSheetName = '';\n  let registryFormulaExpr = null;\n  let registryFormulaTokens = null;\n\n  if (registry && activeTabId !== null) {\n    const { contextsBySheetId } = registry;\n    const context = contextsBySheetId[activeTabId];\n\n    if (context) {\n      activeStoreData = context.store;\n\n      const sheet = context.store.sheetReactive.current;\n      if (sheet) {\n        activeTableData = sheet;\n      }\n    }\n  }\n\n  // Resolve cell data for the currently selected cell (registry.choosingSheetId / choosingAddress)\n  if (registry && registry.choosingSheetId != null) {\n    const { contextsBySheetId } = registry;\n    const choosingContext = contextsBySheetId[registry.choosingSheetId];\n\n    // Resolve sheet name\n    if (registry.sheetIdsByName) {\n      const entry = Object.entries(registry.sheetIdsByName).find(([, id]) => id === registry.choosingSheetId);\n      if (entry) {\n        registryCellSheetName = entry[0];\n      }\n    }\n\n    if (choosingContext) {\n      const sheet = choosingContext.store.sheetReactive.current;\n      const store = choosingContext.store;\n      if (sheet) {\n        const rawTable = (sheet as any).__raw__ || sheet;\n        const idMatrix = rawTable.idMatrix;\n\n        // When a header cell is selected, use y=0 (top header) or x=0 (left header)\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(registry.choosingAddress);\n\n        if (isTopHeaderSelecting) {\n          registryCellAddress = `header:${x2c(store.choosing.x)}`;\n        } else if (isLeftHeaderSelecting) {\n          registryCellAddress = `header:${store.choosing.y}`;\n        }\n\n        if (pos && idMatrix[pos.y]) {\n          const id = idMatrix[pos.y][pos.x];\n          if (id) {\n            registryCellData = registry.data[id];\n            registrySystemData = registry.systems[id] ?? null;\n\n            // Parse formula\n            const text = registryCellData?.value;\n            if (typeof text === 'string' && text.startsWith('=')) {\n              try {\n                const lexer = new Lexer(text.substring(1));\n                lexer.tokenize();\n                registryFormulaTokens = lexer.tokens;\n                const parser = new FormulaParser(lexer.tokens);\n                registryFormulaExpr = parser.build();\n              } catch (e) {\n                registryFormulaExpr = { error: String(e) };\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  const baseReplacer = (key: string, value: any) => {\n    // Avoid circular refs, noisy internals, and React RefObjects\n    if (\n      key === 'registry' ||\n      key === '__raw__' ||\n      (value && typeof value === 'object' && 'current' in value && Object.keys(value).length === 1) // heuristic to skip React 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  // Replace nested Sheet instances with their string representation (for Registry State / Store Data panels)\n  const jsonReplacer = (key: string, value: any) => {\n    if (value instanceof Sheet) {\n      return value.toString();\n    }\n    return baseReplacer(key, 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      ss.set('gs-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      ss.set('gs-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      {/* Top pane: Registry State | Cell | System | Formula */}\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'row',\n          height: `${topHeight}px`,\n          overflow: 'hidden',\n        }}\n      >\n        {/* Registry State panel */}\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            Registry State\n          </div>\n          <JsonCode data={snapshot} replacer={jsonReplacer} theme={atomOneLight} />\n        </div>\n\n        {/* Registry Cell Value: cell data for registry.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: {registryCellSheetName && `'${registryCellSheetName}'!`}\n            {registryCellAddress}\n          </div>\n          {registryCellData ? (\n            <JsonCode data={registryCellData} replacer={baseReplacer} theme={atelierSeasideLight} />\n          ) : (\n            <div style={{ fontStyle: 'italic', color: '#6c757d', padding: '12px' }}>No cell data</div>\n          )}\n        </div>\n\n        {/* System: systems[id] for the choosing cell */}\n        <div\n          style={{\n            flex: 1,\n            borderRight: '1px solid #dee2e6',\n            overflow: 'auto',\n            backgroundColor: '#fdf0f2',\n            position: 'relative',\n          }}\n        >\n          <div\n            style={{\n              position: 'sticky',\n              top: 0,\n              background: '#fdf0f2',\n              zIndex: 1,\n              padding: '8px 12px',\n              fontWeight: 'bold',\n              borderBottom: '2px solid #ccc',\n            }}\n          >\n            System: {registryCellSheetName && `'${registryCellSheetName}'!`}\n            {registryCellAddress}\n          </div>\n          {registrySystemData ? (\n            <JsonCode data={registrySystemData} replacer={baseReplacer} theme={atelierHeathLight} />\n          ) : (\n            <div style={{ fontStyle: 'italic', color: '#6c757d', padding: '12px' }}>No system data</div>\n          )}\n        </div>\n\n        {/* Formula: toggling between Expressions and Tokens */}\n        <div\n          style={{\n            flex: 1,\n            overflow: 'auto',\n            backgroundColor: formulaView === 'expressions' ? '#fffbf0' : '#f5f0ff',\n            position: 'relative',\n          }}\n        >\n          <div\n            style={{\n              position: 'sticky',\n              top: 0,\n              background: formulaView === 'expressions' ? '#fffbf0' : '#f5f0ff',\n              zIndex: 1,\n              padding: '6px 12px',\n              fontWeight: 'bold',\n              borderBottom: '2px solid #ccc',\n              display: 'flex',\n              alignItems: 'center',\n              gap: '8px',\n            }}\n          >\n            <span>{formulaView === 'expressions' ? 'Formula Expressions' : 'Formula Tokens'}</span>\n            <button\n              onClick={() => {\n                const next = formulaView === 'expressions' ? 'tokens' : 'expressions';\n                setFormulaView(next);\n                ss.set('gs-debugger-formula-view', next);\n              }}\n              style={{\n                marginLeft: 'auto',\n                fontSize: '11px',\n                padding: '2px 8px',\n                cursor: 'pointer',\n                border: '1px solid #aaa',\n                borderRadius: '4px',\n                background: '#fff',\n              }}\n            >\n              {formulaView === 'expressions' ? '→ Tokens' : '→ Expressions'}\n            </button>\n          </div>\n          {registryCellData ? (\n            <JsonCode\n              data={formulaView === 'expressions' ? registryFormulaExpr : registryFormulaTokens}\n              replacer={baseReplacer}\n              theme={formulaView === 'expressions' ? solarizedLight : docco}\n            />\n          ) : (\n            <div style={{ fontStyle: 'italic', color: '#6c757d', padding: '12px' }}>No cell selected</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      {/* Bottom pane: Sheet Data | Store Data */}\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'row',\n          height: `${bottomHeight}px`,\n          backgroundColor: '#282c34',\n          overflow: 'hidden',\n        }}\n      >\n        <div\n          style={{\n            flex: 1,\n            borderRight: '1px solid #3a3a3a',\n            overflow: 'auto',\n            position: 'relative',\n            backgroundColor: '#282c34',\n          }}\n        >\n          <div\n            style={{\n              position: 'sticky',\n              top: 0,\n              background: '#21252b',\n              zIndex: 1,\n              padding: '8px 12px',\n              fontWeight: 'bold',\n              borderBottom: '2px solid #3a3a3a',\n              color: '#abb2bf',\n            }}\n          >\n            Sheet Data\n          </div>\n          {activeTableData ? (\n            <JsonCode data={activeTableData} replacer={baseReplacer} theme={tomorrowNight} />\n          ) : (\n            <div style={{ fontStyle: 'italic', color: '#6c757d', padding: '12px' }}>Sheet instance not found</div>\n          )}\n        </div>\n\n        <div\n          style={{\n            flex: 1,\n            overflow: 'auto',\n            backgroundColor: '#282c34',\n            position: 'relative',\n          }}\n        >\n          <div\n            style={{\n              position: 'sticky',\n              top: 0,\n              background: '#21252b',\n              zIndex: 1,\n              padding: '8px 12px',\n              fontWeight: 'bold',\n              borderBottom: '2px solid #3a3a3a',\n              color: '#abb2bf',\n            }}\n          >\n            Store Data\n          </div>\n          {activeStoreData ? (\n            <JsonCode data={activeStoreData} replacer={jsonReplacer} theme={solarizedDark} />\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":["SyntaxHighlighter","jsonLang","ss","key","value","JsonCode","data","replacer","theme","code","jsx","Debugger","book","intervalMs","registry","snapshot","setSnapshot","useState","activeTabId","setActiveTabId","topHeight","setTopHeight","bottomHeight","setBottomHeight","formulaView","setFormulaView","useEffect","savedTop","savedBottom","savedFormula","updateSnapshot","choosingAddress","choosingSheetId","editingAddress","editingSheetId","ready","sheetIdsByName","sheetHead","cellHead","paletteBySheetName","solvedCaches","copyingSheetId","copyingZone","cutting","historyIndex","historyLimit","histories","asyncPending","asyncInflight","intervalId","sheets","name","id","a","b","activeStoreData","activeTableData","registryCellData","registrySystemData","registryCellAddress","registryCellSheetName","registryFormulaExpr","registryFormulaTokens","contextsBySheetId","context","sheet","choosingContext","entry","store","idMatrix","isTopHeaderSelecting","isLeftHeaderSelecting","pos","a2p","x2c","text","lexer","Lexer","FormulaParser","e","baseReplacer","jsonReplacer","Sheet","startDrag","startY","startHeight","onMouseMove","moveEvent","h","onMouseUp","startDragBottom","jsxs","atomOneLight","atelierSeasideLight","atelierHeathLight","next","solarizedLight","docco","tomorrowNight","solarizedDark"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gridsheet/react-dev",
-  "version": "3.0.0-rc.1",
+  "version": "3.0.0-rc.10",
   "description": "Development tools for GridSheet",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -12,10 +12,6 @@
       "default": "./dist/index.js"
     }
   },
-  "scripts": {
-    "build": "rm -rf ./dist || true && vite build",
-    "typecheck": "pnpm tsc --noEmit"
-  },
   "author": "righ",
   "license": "Apache-2.0",
   "files": [
@@ -32,11 +28,10 @@
     "url": "https://github.com/walkframe/gridsheet/issues"
   },
   "homepage": "https://gridsheet.walkframe.com/",
-  "packageManager": "pnpm@10.6.5",
   "peerDependencies": {
+    "@gridsheet/core": ">=3.0.0-rc.10",
     "react": ">=16.9.0",
-    "react-dom": ">=16.9.0",
-    "@gridsheet/react-core": ">=3.0.0-rc.1"
+    "react-dom": ">=16.9.0"
   },
   "devDependencies": {
     "@types/react": "^16.9.24",
@@ -44,6 +39,15 @@
     "@vitejs/plugin-react": "^4.3.4",
     "typescript": "^5.8.2",
     "vite": "^6.2.2",
-    "vite-plugin-dts": "^4.5.3"
+    "vite-plugin-dts": "^4.5.3",
+    "@gridsheet/core": "3.0.0-rc.10"
+  },
+  "dependencies": {
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "react-syntax-highlighter": "^16.1.1"
+  },
+  "scripts": {
+    "build": "rm -rf ./dist || true && vite build",
+    "typecheck": "pnpm tsc --noEmit"
   }
 }

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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"}