@nice-code/state 0.4.2 → 0.4.4

package/build/types/devtools/browser/components/DiffView.d.ts

@@ -1,7 +1,10 @@
 /**
- * Test-framework-style diff: only the paths that changed, with removed values in
- * error red on a `−` line and added values in success green on a `+` line. A
- * `changed` entry renders both lines so old → new reads top-to-bottom.
+ * Test-framework-style diff: only the paths that changed. Changed paths are
+ * grouped into a hierarchy by their shared parents — `countHistory.0` and
+ * `countHistory.1` nest under a single `countHistory` node, each shown by its
+ * direct key only. Single-child chains collapse to a dotted path (`a.b.c`) so
+ * lone deep changes stay on one line. Short values render inline with the key
+ * (`count: 0 → 1`); long ones keep the removed/added line block.
  */
 export declare function DiffView({ before, after }: {
     before: unknown;

package/build/types/devtools/browser/components/JsonDiffView.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Unified, git-style diff of the entire state snapshot. Both sides are rendered
+ * as pretty JSON and line-diffed, so unchanged structure stays visible for
+ * context while removed lines (red, `−`) and added lines (green, `+`) call out
+ * exactly which sections of the whole state moved.
+ */
+export declare function JsonDiffView({ before, after }: {
+    before: unknown;
+    after: unknown;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * The full JSON of one snapshot with the lines that differ from the other side
+ * highlighted in place — red behind removed lines on the "before" side, green
+ * behind added lines on the "after" side. Lines common to both render plainly so
+ * the highlight reads as "here is what changed within the whole state".
+ */
+export declare function HighlightedJsonView({ before, after, side, }: {
+    before: unknown;
+    after: unknown;
+    side: "before" | "after";
+}): import("react/jsx-runtime").JSX.Element;

package/build/types/devtools/browser/components/utils.d.ts

@@ -16,6 +16,7 @@ export declare function summarizeChange(change: IDevtoolsStateChange): string;
 export type TDiffKind = "added" | "removed" | "changed";
 export interface IDiffEntry {
     path: string;
+    segments: (string | number)[];
     kind: TDiffKind;
     before?: unknown;
     after?: unknown;
@@ -27,3 +28,15 @@ export interface IDiffEntry {
  * means equal branches keep their reference, so this stays cheap).
  */
 export declare function computeDiff(before: unknown, after: unknown): IDiffEntry[];
+export type TLineDiffKind = "common" | "removed" | "added";
+export interface ILineDiffOp {
+    kind: TLineDiffKind;
+    text: string;
+}
+/**
+ * Classic LCS line diff between two blocks of text — the data behind the unified
+ * git-style "Diff View" and the per-line highlighting in the Before / After
+ * panels. Snapshots rendered as pretty JSON stay small, so the O(n·m) table is
+ * comfortably cheap.
+ */
+export declare function computeLineDiff(beforeText: string, afterText: string): ILineDiffOp[];

package/build/types/devtools/browser/devtools_dock.d.ts

@@ -23,6 +23,13 @@ export interface IDockDevtoolInput extends IDockDevtoolSync {
 export interface IDockView {
     /** Offset (px) from the docked edge — stacks open panels on the same side. */
     dockOffset: number;
+    /**
+     * True when this panel shares its dock side with another open panel (stacked
+     * either nearer or further from the edge). Stacked panels square off all their
+     * corners so they sit flush as one continuous block — only a panel alone on
+     * its side keeps its rounded, page-facing corners.
+     */
+    stacked: boolean;
     /** Is any devtool on the page currently open? */
     anyOpen: boolean;
     /** First-registered devtool — the one that renders the combined launcher. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nice-code/state",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "private": false,
   "type": "module",
   "exports": {