@buoy-gg/shared-ui 7.0.41 → 7.0.42

package/lib/module/dataViewer/diffThemes.js

@@ -1,109 +1 @@
-"use strict";
-
-/**
- * Diff Viewer Theme System
- *
- * Provides theme definitions for the SplitDiffViewer component.
- * Includes both light (Git Classic) and dark (Dev Tools) themes.
- */
-
-/**
- * Git Classic Theme
- * Traditional Git diff colors - simple and familiar
- */
-export const gitClassicTheme = {
-  name: "Git Classic",
-  description: "Traditional Git diff colors - simple and familiar",
-  background: "#FFFFFF",
-  panelBackground: "#F8F8F8",
-  headerBackground: "#F0F0F0",
-  addedBackground: "#E6FFED",
-  removedBackground: "#FFEEF0",
-  modifiedBackground: "#FFF5DD",
-  unchangedBackground: "transparent",
-  contextBackground: "#FAFAFA",
-  addedText: "#22863A",
-  removedText: "#CB2431",
-  modifiedText: "#B08800",
-  unchangedText: "#24292E",
-  addedWordHighlight: "#ACF2BD",
-  removedWordHighlight: "#FDB8C0",
-  lineNumberBackground: "#F6F8FA",
-  lineNumberText: "#959DA5",
-  lineNumberBorder: "#E1E4E8",
-  markerAddedBackground: "#CDFFD8",
-  markerRemovedBackground: "#FFDCE0",
-  markerModifiedBackground: "#FFF5B1",
-  markerText: "#666666",
-  borderColor: "#E1E4E8",
-  dividerColor: "#E1E4E8",
-  summaryBackground: "#F6F8FA",
-  summaryAddedText: "#28A745",
-  summaryRemovedText: "#D73A49",
-  summaryModifiedText: "#0366D6",
-  emptyStateText: "#586069",
-  separatorBackground: "#F6F8FA",
-  separatorText: "#586069"
-};
-
-/**
- * Dev Tools Default Theme
- * The night theme (ui/night) — near-black surfaces, hairline borders. Diff
- * DATA colors (added green / removed red / modified purple) are semantic and
- * deliberately unchanged.
- */
-export const devToolsDefaultTheme = {
-  name: "Dev Tools Default",
-  description: "The Buoy night theme",
-  // Night surfaces
-  background: "#050505",
-  panelBackground: "#0C0C0C",
-  headerBackground: "#0C0C0C",
-  // Diff colors using website's semantic colors
-  // Added: Primary green (#20C997)
-  // Removed: Error red (#EF4444)
-  // Modified: Secondary purple (#9B70E0)
-  addedBackground: "rgba(32, 201, 151, 0.12)",
-  removedBackground: "rgba(239, 68, 68, 0.12)",
-  modifiedBackground: "rgba(155, 112, 224, 0.12)",
-  unchangedBackground: "transparent",
-  contextBackground: "rgba(255, 255, 255, 0.02)",
-  // Text colors
-  addedText: "#20C997",
-  removedText: "#EF4444",
-  modifiedText: "#9B70E0",
-  unchangedText: "#ECEDEE",
-  // Word-level highlights
-  addedWordHighlight: "rgba(32, 201, 151, 0.3)",
-  removedWordHighlight: "rgba(239, 68, 68, 0.3)",
-  // UI elements
-  lineNumberBackground: "#050505",
-  lineNumberText: "#9BA1A6",
-  lineNumberBorder: "#1A1A1C",
-  // Markers
-  markerAddedBackground: "rgba(32, 201, 151, 0.2)",
-  markerRemovedBackground: "rgba(239, 68, 68, 0.2)",
-  markerModifiedBackground: "rgba(155, 112, 224, 0.2)",
-  markerText: "#9BA1A6",
-  // Borders and dividers
-  borderColor: "#1A1A1C",
-  dividerColor: "#1A1A1C",
-  // Summary bar
-  summaryBackground: "#0C0C0C",
-  summaryAddedText: "#20C997",
-  summaryRemovedText: "#EF4444",
-  summaryModifiedText: "#9B70E0",
-  // Empty state
-  emptyStateText: "#636366",
-  // Separator
-  separatorBackground: "#0C0C0C",
-  separatorText: "#9BA1A6"
-};
-
-/**
- * Theme collection
- */
-export const diffThemes = {
-  gitClassic: gitClassicTheme,
-  devToolsDefault: devToolsDefaultTheme
-};
+"use strict";export const gitClassicTheme={name:"Git Classic",description:"Traditional Git diff colors - simple and familiar",background:"#FFFFFF",panelBackground:"#F8F8F8",headerBackground:"#F0F0F0",addedBackground:"#E6FFED",removedBackground:"#FFEEF0",modifiedBackground:"#FFF5DD",unchangedBackground:"transparent",contextBackground:"#FAFAFA",addedText:"#22863A",removedText:"#CB2431",modifiedText:"#B08800",unchangedText:"#24292E",addedWordHighlight:"#ACF2BD",removedWordHighlight:"#FDB8C0",lineNumberBackground:"#F6F8FA",lineNumberText:"#959DA5",lineNumberBorder:"#E1E4E8",markerAddedBackground:"#CDFFD8",markerRemovedBackground:"#FFDCE0",markerModifiedBackground:"#FFF5B1",markerText:"#666666",borderColor:"#E1E4E8",dividerColor:"#E1E4E8",summaryBackground:"#F6F8FA",summaryAddedText:"#28A745",summaryRemovedText:"#D73A49",summaryModifiedText:"#0366D6",emptyStateText:"#586069",separatorBackground:"#F6F8FA",separatorText:"#586069"};export const devToolsDefaultTheme={name:"Dev Tools Default",description:"The Buoy night theme",background:"#050505",panelBackground:"#0C0C0C",headerBackground:"#0C0C0C",addedBackground:"rgba(32, 201, 151, 0.12)",removedBackground:"rgba(239, 68, 68, 0.12)",modifiedBackground:"rgba(155, 112, 224, 0.12)",unchangedBackground:"transparent",contextBackground:"rgba(255, 255, 255, 0.02)",addedText:"#20C997",removedText:"#EF4444",modifiedText:"#9B70E0",unchangedText:"#ECEDEE",addedWordHighlight:"rgba(32, 201, 151, 0.3)",removedWordHighlight:"rgba(239, 68, 68, 0.3)",lineNumberBackground:"#050505",lineNumberText:"#9BA1A6",lineNumberBorder:"#1A1A1C",markerAddedBackground:"rgba(32, 201, 151, 0.2)",markerRemovedBackground:"rgba(239, 68, 68, 0.2)",markerModifiedBackground:"rgba(155, 112, 224, 0.2)",markerText:"#9BA1A6",borderColor:"#1A1A1C",dividerColor:"#1A1A1C",summaryBackground:"#0C0C0C",summaryAddedText:"#20C997",summaryRemovedText:"#EF4444",summaryModifiedText:"#9B70E0",emptyStateText:"#636366",separatorBackground:"#0C0C0C",separatorText:"#9BA1A6"};export const diffThemes={gitClassic:gitClassicTheme,devToolsDefault:devToolsDefaultTheme};

package/lib/module/dataViewer/index.js

@@ -1,57 +1 @@
-"use strict";
-
-// Export shared components for use across the app
-export { DataViewer } from "./DataViewer.js";
-/**
- * The type of everything these components read and write. Exported here
- * because it types `DataViewer.data` — a consumer can't hold the value it's
- * about to pass in without it.
- */
-
-export { VirtualizedDataExplorer } from "./VirtualizedDataExplorer.js";
-export { TypeLegend } from "./TypeLegend.js";
-export { CyberpunkInput } from "./CyberpunkInput.js";
-export { IndentGuides } from "./IndentGuides.js";
-export { IndentGuidesOverlay } from "./IndentGuidesOverlay.js";
-export { default as TreeDiffViewer } from "./tree/TreeDiffViewer.js";
-
-// Structural edits by path — the vocabulary behind the explorer's per-node
-// actions (append / insert / remove / move / rename / …), modeled on JSON Patch.
-export { applyJsonOp, getAtPath, isEditableContainer, suggestedNewValue, selectionPathAfterOp } from "./jsonOps.js";
-
-// What the selected node can do, as data. One source so the dashboard's bar
-// and the phone's dock can't drift about what's legal.
-export { treeActionsFor, treeActionMap, breadcrumb, typeLabel } from "./treeActions.js";
-
-// Edit actions for the explorer's selected node. Rendered by the HOST, beside
-// its own actions — a 24px tree row can't hold a touch-sized button.
-export { DataTreeActionBar, DataTreeInlineEditor } from "./DataTreeActionBar.js";
-
-// The same six actions as a thumb-sized grid, for the phone's full-screen editor.
-export { DataTreeActionDock } from "./DataTreeActionDock.js";
-
-// Diff viewer components
-export { SplitDiffViewer } from "./SplitDiffViewer.js";
-export { DiffSummary } from "./DiffSummary.js";
-export { TimestampDeltaBar } from "./TimestampDeltaBar.js";
-export { JsonStringNotice } from "./JsonStringNotice.js";
-export { decodeJsonStringPair, parseJsonContainer } from "./jsonStringValue.js";
-export { detectTimestamp, describeTimestampDeltas, formatDuration, formatInstant } from "./timestampDiff.js";
-// Diff utilities and themes
-export { computeLineDiff, DiffType, ABSENT_VALUE, isAbsent } from "./lineDiff.js";
-export { diffThemes, gitClassicTheme, devToolsDefaultTheme } from "./diffThemes.js";
-
-// Bounded diff kernel + render normalizer + size probe (verdicts/badges — not rendering)
-export { objectDiff, boundedDeepEqual, toDiffable, jsonLikelyLargerThan } from "./objectDiff.js";
-
-// The production split renderer (folding + virtualization), promoted from storage
-export { ThemedSplitView } from "./ThemedSplitView.js";
-
-// The buffered tree editor (draft + rules + value modal), promoted from storage
-export { useTreeDraft } from "./useTreeDraft.js";
-export { useTreeEditor } from "./useTreeEditor.js";
-export { ValueEditModal } from "./ValueEditModal.js";
-
-// The LIVE data editor (no draft, no Save), hoisted from react-query
-export { LiveExplorer, makeRootWriter } from "./LiveExplorer.js";
-export { updateNestedDataByPath, deleteNestedDataByPath } from "./nestedPath.js";
+"use strict";export{DataViewer}from"./DataViewer.js";export{VirtualizedDataExplorer}from"./VirtualizedDataExplorer.js";export{TypeLegend}from"./TypeLegend.js";export{CyberpunkInput}from"./CyberpunkInput.js";export{IndentGuides}from"./IndentGuides.js";export{IndentGuidesOverlay}from"./IndentGuidesOverlay.js";export{default as TreeDiffViewer}from"./tree/TreeDiffViewer.js";export{applyJsonOp,getAtPath,isEditableContainer,suggestedNewValue,selectionPathAfterOp}from"./jsonOps.js";export{treeActionsFor,treeActionMap,breadcrumb,typeLabel}from"./treeActions.js";export{DataTreeActionBar,DataTreeInlineEditor}from"./DataTreeActionBar.js";export{DataTreeActionDock}from"./DataTreeActionDock.js";export{SplitDiffViewer}from"./SplitDiffViewer.js";export{DiffSummary}from"./DiffSummary.js";export{TimestampDeltaBar}from"./TimestampDeltaBar.js";export{JsonStringNotice}from"./JsonStringNotice.js";export{decodeJsonStringPair,parseJsonContainer}from"./jsonStringValue.js";export{detectTimestamp,describeTimestampDeltas,formatDuration,formatInstant}from"./timestampDiff.js";export{computeLineDiff,DiffType,ABSENT_VALUE,isAbsent}from"./lineDiff.js";export{diffThemes,gitClassicTheme,devToolsDefaultTheme}from"./diffThemes.js";export{objectDiff,boundedDeepEqual,toDiffable,jsonLikelyLargerThan}from"./objectDiff.js";export{ThemedSplitView}from"./ThemedSplitView.js";export{useTreeDraft}from"./useTreeDraft.js";export{useTreeEditor}from"./useTreeEditor.js";export{ValueEditModal}from"./ValueEditModal.js";export{LiveExplorer,makeRootWriter}from"./LiveExplorer.js";export{updateNestedDataByPath,deleteNestedDataByPath}from"./nestedPath.js";

package/lib/module/dataViewer/jsonOps.js

@@ -1,311 +1 @@
-"use strict";
-
-/**
- * Structural edits to a JSON value, addressed by path.
- *
- * Why an op vocabulary instead of "here's the new value": editing a container
- * as text is fine for a three-item array and miserable for a fifty-item one.
- * Every real JSON editor — React DevTools, TanStack Query's explorer,
- * josdejong's JSON Editor — instead exposes per-node actions, and they all
- * converge on the same primitives because JSON Patch (RFC 6902) already
- * standardized them: add / remove / replace / move / copy, addressed by a
- * pointer into the document.
- *
- * This is that set, named for humans and specialized for a UI:
- *   - array-shaped ops carry the intent ("append", "insert at 3") rather than
- *     making the caller compute the resulting array
- *   - `renameKey` preserves key ORDER, which a naive delete-then-add loses and
- *     which readers notice immediately
- *
- * Ops are pure and immutable: `applyJsonOp` returns a new root and never
- * mutates the input, so callers can diff, undo, or discard freely.
- *
- * A `path` is the same `string[]` the data explorer already flattens rows with
- * (a JSON Pointer in disguise). `[]` addresses the root. Array indices are
- * their decimal string, matching how the explorer emits them.
- *
- * Scope: plain arrays and plain objects. Anything else at a path (Map, Set,
- * class instances) is returned untouched — those can't round-trip through JSON
- * anyway, and silently rebuilding one as a plain object would lose more than
- * it fixed.
- */
-
-/** A structural edit. `path` addresses the node the verb reads naturally against. */
-
-/**
- * Objects this module is willing to REBUILD with a spread.
- *
- * Deliberately stricter than `isPlainObject` in `types/types`: that one is a
- * denylist (not a Date, Map, Set, …) and so admits class instances, which is
- * right for rendering but wrong here — `{ ...instance }` silently drops the
- * prototype and hands back something that no longer behaves like the original.
- * A prototype check is the only way to know a spread round-trips.
- */
-export function isRebuildableObject(value) {
-  if (value === null || typeof value !== "object") return false;
-  if (Array.isArray(value)) return false;
-  const proto = Object.getPrototypeOf(value);
-  return proto === Object.prototype || proto === null;
-}
-
-/**
- * Where the selection should sit after `op` is applied.
- *
- * An op reshapes the document, so the path the user had selected may now name a
- * DIFFERENT node — move item 3 to slot 2 and path `3` is whatever got displaced,
- * not the thing you just moved. Following the edit is what makes the highlight
- * mean "the node I acted on" rather than "the slot I acted from".
- *
- * Returns `undefined` to leave the selection alone, `null` to clear it.
- */
-export function selectionPathAfterOp(op) {
-  switch (op.kind) {
-    // Follow the node to its new slot.
-    case "move":
-      return [...op.path.slice(0, -1), String(op.toIndex)];
-    // The copy lands directly after the original, and is the thing you meant.
-    case "duplicate":
-      {
-        const last = op.path[op.path.length - 1];
-        const index = Number(last);
-        return Number.isInteger(index) ? [...op.path.slice(0, -1), String(index + 1)] : undefined;
-      }
-    // The selected node no longer exists.
-    case "remove":
-      return null;
-    default:
-      return undefined;
-  }
-}
-
-/** True when a path addresses a container this module can edit. */
-export function isEditableContainer(value) {
-  return Array.isArray(value) || isRebuildableObject(value);
-}
-
-/** Read the value at `path`, or undefined if the path doesn't resolve. */
-export function getAtPath(root, path) {
-  let node = root;
-  for (const segment of path) {
-    if (Array.isArray(node)) {
-      node = node[Number(segment)];
-    } else if (isRebuildableObject(node)) {
-      node = node[segment];
-    } else {
-      return undefined;
-    }
-  }
-  return node;
-}
-
-/**
- * Rebuild `root` with the container at `path` replaced by `updater`'s result.
- *
- * Everything else is expressed through this: an op on an entry is an op on its
- * PARENT container, which is also why removal and rename are possible at all —
- * they change the shape of the parent, not the value of the child.
- */
-function updateContainer(root, path, updater) {
-  if (path.length === 0) return updater(root);
-  const [head, ...rest] = path;
-  if (Array.isArray(root)) {
-    const index = Number(head);
-    if (!Number.isInteger(index) || index < 0 || index >= root.length) {
-      return root;
-    }
-    const next = [...root];
-    next[index] = updateContainer(next[index], rest, updater);
-    return next;
-  }
-  if (isRebuildableObject(root)) {
-    if (!(head in root)) return root;
-    return {
-      ...root,
-      [head]: updateContainer(root[head], rest, updater)
-    };
-  }
-
-  // Path runs past something we don't edit — leave the document alone.
-  return root;
-}
-
-/** Split a path into its parent path and final segment. */
-function splitPath(path) {
-  if (path.length === 0) return null;
-  return {
-    parent: path.slice(0, -1),
-    last: path[path.length - 1]
-  };
-}
-
-/**
- * Apply `op` to `root`, returning a new value.
- *
- * Never throws and never mutates: an op that doesn't apply (bad path, wrong
- * container type, index out of range) returns `root` unchanged, so a stale
- * click from a tree that re-rendered underneath the user is a no-op rather
- * than a corrupted document.
- */
-export function applyJsonOp(root, op) {
-  switch (op.kind) {
-    case "replace":
-      return updateContainer(root, op.path, () => op.value);
-    case "clear":
-      return updateContainer(root, op.path, container => {
-        if (Array.isArray(container)) return [];
-        if (isRebuildableObject(container)) return {};
-        return container;
-      });
-    case "append":
-      return updateContainer(root, op.path, container => Array.isArray(container) ? [...container, op.value] : container);
-    case "insert":
-      return updateContainer(root, op.path, container => {
-        if (!Array.isArray(container)) return container;
-        const at = clamp(op.index, 0, container.length);
-        return [...container.slice(0, at), op.value, ...container.slice(at)];
-      });
-    case "addKey":
-      return updateContainer(root, op.path, container => {
-        if (!isRebuildableObject(container)) return container;
-        // Refuse to clobber: "add" that silently overwrote an existing key
-        // would lose data the user never saw.
-        if (op.key in container) return container;
-        return {
-          ...container,
-          [op.key]: op.value
-        };
-      });
-    case "remove":
-      {
-        const split = splitPath(op.path);
-        if (!split) return root; // Removing the root is meaningless.
-        return updateContainer(root, split.parent, container => removeEntry(container, split.last));
-      }
-    case "duplicate":
-      {
-        const split = splitPath(op.path);
-        if (!split) return root;
-        return updateContainer(root, split.parent, container => duplicateEntry(container, split.last));
-      }
-    case "move":
-      {
-        const split = splitPath(op.path);
-        if (!split) return root;
-        return updateContainer(root, split.parent, container => {
-          if (!Array.isArray(container)) return container;
-          const from = Number(split.last);
-          if (!Number.isInteger(from) || from < 0 || from >= container.length) {
-            return container;
-          }
-          const to = clamp(op.toIndex, 0, container.length - 1);
-          if (to === from) return container;
-          const next = [...container];
-          const [item] = next.splice(from, 1);
-          next.splice(to, 0, item);
-          return next;
-        });
-      }
-    case "renameKey":
-      {
-        const split = splitPath(op.path);
-        if (!split) return root;
-        return updateContainer(root, split.parent, container => renameEntry(container, split.last, op.key));
-      }
-    default:
-      return root;
-  }
-}
-function removeEntry(container, segment) {
-  if (Array.isArray(container)) {
-    const index = Number(segment);
-    if (!Number.isInteger(index) || index < 0 || index >= container.length) {
-      return container;
-    }
-    return container.filter((_, i) => i !== index);
-  }
-  if (isRebuildableObject(container)) {
-    if (!(segment in container)) return container;
-    const next = {};
-    for (const key of Object.keys(container)) {
-      if (key !== segment) next[key] = container[key];
-    }
-    return next;
-  }
-  return container;
-}
-function duplicateEntry(container, segment) {
-  if (Array.isArray(container)) {
-    const index = Number(segment);
-    if (!Number.isInteger(index) || index < 0 || index >= container.length) {
-      return container;
-    }
-    return [...container.slice(0, index + 1), clone(container[index]), ...container.slice(index + 1)];
-  }
-  if (isRebuildableObject(container)) {
-    if (!(segment in container)) return container;
-    // Objects have no "next to" — mint a non-colliding key and keep position.
-    const copyKey = uniqueKey(container, `${segment} copy`);
-    const next = {};
-    for (const key of Object.keys(container)) {
-      next[key] = container[key];
-      if (key === segment) next[copyKey] = clone(container[key]);
-    }
-    return next;
-  }
-  return container;
-}
-
-/**
- * Rename in place. Rebuilt key-by-key rather than delete-then-assign so the
- * entry keeps its position — an object whose keys reshuffle on every rename
- * reads as though the edit did something it didn't.
- */
-function renameEntry(container, segment, nextKey) {
-  if (!isRebuildableObject(container)) return container;
-  if (!(segment in container)) return container;
-  if (nextKey === segment) return container;
-  if (nextKey in container) return container; // Would clobber a sibling.
-
-  const next = {};
-  for (const key of Object.keys(container)) {
-    if (key === segment) next[nextKey] = container[key];else next[key] = container[key];
-  }
-  return next;
-}
-
-/** `base`, `base 2`, `base 3`… until it doesn't collide. */
-function uniqueKey(container, base) {
-  if (!(base in container)) return base;
-  let n = 2;
-  while (`${base} ${n}` in container) n++;
-  return `${base} ${n}`;
-}
-
-/** Structural copy, so a duplicated container isn't shared with its original. */
-function clone(value) {
-  if (Array.isArray(value)) return value.map(clone);
-  if (isRebuildableObject(value)) {
-    const next = {};
-    for (const key of Object.keys(value)) next[key] = clone(value[key]);
-    return next;
-  }
-  return value;
-}
-function clamp(value, min, max) {
-  if (!Number.isFinite(value)) return min;
-  return Math.min(Math.max(Math.trunc(value), min), max);
-}
-
-/**
- * A sensible starting value when adding an entry, matching the container's
- * existing items so "append" to an array of numbers doesn't hand back a string.
- */
-export function suggestedNewValue(container) {
-  const samples = Array.isArray(container) ? container : isRebuildableObject(container) ? Object.values(container) : [];
-  const last = samples[samples.length - 1];
-  if (typeof last === "number") return 0;
-  if (typeof last === "boolean") return false;
-  if (Array.isArray(last)) return [];
-  if (isRebuildableObject(last)) return {};
-  return "";
-}
+"use strict";export function isRebuildableObject(r){if(r===null||typeof r!=="object")return false;if(Array.isArray(r))return false;const t=Object.getPrototypeOf(r);return t===Object.prototype||t===null}export function selectionPathAfterOp(r){switch(r.kind){case"move":return[...r.path.slice(0,-1),String(r.toIndex)];case"duplicate":{const t=r.path[r.path.length-1];const e=Number(t);return Number.isInteger(e)?[...r.path.slice(0,-1),String(e+1)]:void 0}case"remove":return null;default:return void 0}}export function isEditableContainer(r){return Array.isArray(r)||isRebuildableObject(r)}export function getAtPath(r,t){let e=r;for(const u of t){if(Array.isArray(e)){e=e[Number(u)]}else if(isRebuildableObject(e)){e=e[u]}else{return void 0}}return e}function n(r,t,e){if(t.length===0)return e(r);const[u,...s]=t;if(Array.isArray(r)){const f=Number(u);if(!Number.isInteger(f)||f<0||f>=r.length){return r}const i=[...r];i[f]=n(i[f],s,e);return i}if(isRebuildableObject(r)){if(!(u in r))return r;return{...r,[u]:n(r[u],s,e)}}return r}function l(r){if(r.length===0)return null;return{parent:r.slice(0,-1),last:r[r.length-1]}}export function applyJsonOp(r,t){switch(t.kind){case"replace":return n(r,t.path,()=>t.value);case"clear":return n(r,t.path,e=>{if(Array.isArray(e))return[];if(isRebuildableObject(e))return{};return e});case"append":return n(r,t.path,e=>Array.isArray(e)?[...e,t.value]:e);case"insert":return n(r,t.path,e=>{if(!Array.isArray(e))return e;const u=c(t.index,0,e.length);return[...e.slice(0,u),t.value,...e.slice(u)]});case"addKey":return n(r,t.path,e=>{if(!isRebuildableObject(e))return e;if(t.key in e)return e;return{...e,[t.key]:t.value}});case"remove":{const e=l(t.path);if(!e)return r;return n(r,e.parent,u=>h(u,e.last))}case"duplicate":{const e=l(t.path);if(!e)return r;return n(r,e.parent,u=>A(u,e.last))}case"move":{const e=l(t.path);if(!e)return r;return n(r,e.parent,u=>{if(!Array.isArray(u))return u;const s=Number(e.last);if(!Number.isInteger(s)||s<0||s>=u.length){return u}const f=c(t.toIndex,0,u.length-1);if(f===s)return u;const i=[...u];const[a]=i.splice(s,1);i.splice(f,0,a);return i})}case"renameKey":{const e=l(t.path);if(!e)return r;return n(r,e.parent,u=>d(u,e.last,t.key))}default:return r}}function h(r,t){if(Array.isArray(r)){const e=Number(t);if(!Number.isInteger(e)||e<0||e>=r.length){return r}return r.filter((u,s)=>s!==e)}if(isRebuildableObject(r)){if(!(t in r))return r;const e={};for(const u of Object.keys(r)){if(u!==t)e[u]=r[u]}return e}return r}function A(r,t){if(Array.isArray(r)){const e=Number(t);if(!Number.isInteger(e)||e<0||e>=r.length){return r}return[...r.slice(0,e+1),y(r[e]),...r.slice(e+1)]}if(isRebuildableObject(r)){if(!(t in r))return r;const e=p(r,`${t} copy`);const u={};for(const s of Object.keys(r)){u[s]=r[s];if(s===t)u[e]=y(r[s])}return u}return r}function d(r,t,e){if(!isRebuildableObject(r))return r;if(!(t in r))return r;if(e===t)return r;if(e in r)return r;const u={};for(const s of Object.keys(r)){if(s===t)u[e]=r[s];else u[s]=r[s]}return u}function p(r,t){if(!(t in r))return t;let e=2;while(`${t} ${e}`in r)e++;return`${t} ${e}`}function y(r){if(Array.isArray(r))return r.map(y);if(isRebuildableObject(r)){const t={};for(const e of Object.keys(r))t[e]=y(r[e]);return t}return r}function c(r,t,e){if(!Number.isFinite(r))return t;return Math.min(Math.max(Math.trunc(r),t),e)}export function suggestedNewValue(r){const t=Array.isArray(r)?r:isRebuildableObject(r)?Object.values(r):[];const e=t[t.length-1];if(typeof e==="number")return 0;if(typeof e==="boolean")return false;if(Array.isArray(e))return[];if(isRebuildableObject(e))return{};return""}

package/lib/module/dataViewer/jsonStringValue.js

@@ -1,89 +1 @@
-"use strict";
-
-/**
- * JSON-encoded string values in diffs.
- *
- * Every device storage backend stores STRINGS, so apps write
- * `JSON.stringify(["pikachu"])` and the stored value is the six-character
- * string `["pikachu"]`. Rendering that through the diff's own
- * `JSON.stringify` escapes it a second time and you get `"[\"pikachu\"]"` on
- * one unreadable line — and a real change (one entry added to a list of
- * twenty) becomes a single modified line you can't read.
- *
- * So: when a side is a JSON-encoded OBJECT OR ARRAY, diff the decoded value
- * and say so on screen. The label is the whole contract — the store really
- * does hold a string, and a viewer that quietly showed an array without
- * mentioning it would be lying about the shape of the data.
- *
- * Scalars are deliberately NOT decoded. Turning the stored string `"5"` into
- * the number 5, or `"true"` into a boolean, changes the apparent type while
- * adding no readability — the exact misrepresentation this is trying to
- * avoid.
- */
-import { isAbsent } from "./lineDiff.js";
-
-/**
- * Parse a string that encodes a JSON object or array. Returns a wrapper so a
- * successfully decoded `null`-ish payload is still distinguishable from "not
- * decodable" (the prefix check makes that unreachable today, but callers
- * shouldn't have to know that).
- */
-export function parseJsonContainer(value) {
-  if (typeof value !== "string") return null;
-  const trimmed = value.trim();
-  // Cheap gate before JSON.parse: only containers qualify, and this keeps a
-  // try/catch off the path for every ordinary string in a diff.
-  if (!trimmed.startsWith("{") && !trimmed.startsWith("[")) return null;
-  try {
-    const parsed = JSON.parse(trimmed);
-    if (typeof parsed !== "object" || parsed === null) return null;
-    return {
-      value: parsed
-    };
-  } catch {
-    return null;
-  }
-}
-/** A side that carries no value at all — an add or a delete, not a change. */
-function isMissing(value) {
-  return isAbsent(value) || value === undefined || value === null;
-}
-
-/**
- * Decode both sides of a diff when they are JSON-encoded containers.
- *
- * One side alone is decoded ONLY when the other side is missing entirely
- * (a key being added or removed). A JSON string on one side and an ordinary
- * value on the other is a change of shape, and decoding just one half would
- * present it as something it isn't.
- */
-export function decodeJsonStringPair(left, right) {
-  const decodedLeft = parseJsonContainer(left);
-  const decodedRight = parseJsonContainer(right);
-  if (decodedLeft && decodedRight) {
-    return {
-      left: decodedLeft.value,
-      right: decodedRight.value,
-      decoded: true
-    };
-  }
-  if (decodedLeft && isMissing(right)) {
-    return {
-      left: decodedLeft.value,
-      right,
-      decoded: true
-    };
-  }
-  if (decodedRight && isMissing(left)) {
-    return {
-      left,
-      right: decodedRight.value,
-      decoded: true
-    };
-  }
-  return {
-    left,
-    right,
-    decoded: false
-  };
-}
+"use strict";import{isAbsent as d}from"./lineDiff.js";export function parseJsonContainer(e){if(typeof e!=="string")return null;const t=e.trim();if(!t.startsWith("{")&&!t.startsWith("["))return null;try{const r=JSON.parse(t);if(typeof r!=="object"||r===null)return null;return{value:r}}catch{return null}}function u(e){return d(e)||e===void 0||e===null}export function decodeJsonStringPair(e,t){const r=parseJsonContainer(e);const n=parseJsonContainer(t);if(r&&n){return{left:r.value,right:n.value,decoded:true}}if(r&&u(t)){return{left:r.value,right:t,decoded:true}}if(n&&u(e)){return{left:e,right:n.value,decoded:true}}return{left:e,right:t,decoded:false}}