@buoy-gg/time-machine 7.0.22 → 7.0.24

package/src/ui/SwipeActionsRow.tsx

@@ -0,0 +1,199 @@
+/**
+ * Swipe-left-to-reveal-actions wrapper for a grouped-list row.
+ *
+ * Deliberately dependency-free (Animated + PanResponder): the package has no
+ * gesture-handler peer and a devtool must not add one to the host app.
+ *
+ * Gesture contract, in the order the checks matter:
+ *  - The pan only claims the gesture once the finger has moved LEFT past a
+ *    threshold and is travelling more horizontally than vertically, so taps
+ *    still reach the row and vertical drags still scroll the list.
+ *  - Releasing past half the action width latches open; anything less snaps
+ *    shut, so a hesitant swipe never leaves a half-open row.
+ *  - Only one row stays open at a time (module-level latch below) — matching
+ *    iOS, and it means "swipe, then tap an action" can't hit the wrong row.
+ */
+import { useEffect, useRef, type ReactNode } from "react";
+import {
+  Animated,
+  PanResponder,
+  StyleSheet,
+  Text,
+  TouchableOpacity,
+  View,
+  type PanResponderInstance,
+} from "react-native";
+import { tm } from "./tmTheme";
+
+const ACTION_WIDTH = 84;
+/** Horizontal travel before the pan takes the gesture from the scroll view. */
+const CLAIM_THRESHOLD = 8;
+
+/** The one open row, so opening another closes it. */
+let closeOpenRow: (() => void) | null = null;
+
+interface Gesture {
+  pan: PanResponderInstance;
+  /** Closes this row — also the row's identity in the open-row latch. */
+  close: () => void;
+}
+
+/**
+ * Everything gesture-side for one row, built once. Kept out of the component
+ * so it reads as the state machine it is: `open` is the only state, and the
+ * pan handlers are the only writers.
+ */
+function createGesture(
+  translateX: Animated.Value,
+  openWidth: number
+): Gesture {
+  let open = false;
+
+  const settle = (next: boolean) => {
+    open = next;
+    if (next) {
+      if (closeOpenRow && closeOpenRow !== close) closeOpenRow();
+      closeOpenRow = close;
+    } else if (closeOpenRow === close) {
+      closeOpenRow = null;
+    }
+    Animated.spring(translateX, {
+      toValue: next ? -openWidth : 0,
+      useNativeDriver: true,
+      bounciness: 0,
+      speed: 18,
+    }).start();
+  };
+
+  const close = () => settle(false);
+
+  const pan = PanResponder.create({
+    onMoveShouldSetPanResponder: (_e, g) => {
+      const horizontal = Math.abs(g.dx) > Math.abs(g.dy) * 1.5;
+      if (!horizontal) return false;
+      // Left to open; right only matters when there is something to close.
+      return g.dx < -CLAIM_THRESHOLD || (open && g.dx > CLAIM_THRESHOLD);
+    },
+    onPanResponderMove: (_e, g) => {
+      const base = open ? -openWidth : 0;
+      // Clamp: no rubber-banding past the actions, none past closed.
+      translateX.setValue(Math.min(0, Math.max(-openWidth, base + g.dx)));
+    },
+    onPanResponderRelease: (_e, g) => {
+      const resting = (open ? -openWidth : 0) + g.dx;
+      // A fast flick decides on velocity; a slow drag on distance.
+      settle(
+        g.vx < -0.5 ? true : g.vx > 0.5 ? false : resting < -openWidth / 2
+      );
+    },
+    onPanResponderTerminate: () => settle(open),
+  });
+
+  return { pan, close };
+}
+
+export interface SwipeAction {
+  label: string;
+  /** Called after the row closes itself. */
+  onPress: () => void;
+  /** Fill behind the row. Defaults to the neutral action fill. */
+  background?: string;
+  color?: string;
+  testID?: string;
+}
+
+export function SwipeActionsRow({
+  children,
+  actions,
+  testID,
+}: {
+  children: ReactNode;
+  /** Rightmost is the one furthest from the content, iOS-style. */
+  actions: SwipeAction[];
+  testID?: string;
+}) {
+  const openWidth = ACTION_WIDTH * actions.length;
+  const translateX = useRef(new Animated.Value(0)).current;
+  const gestureRef = useRef<Gesture | null>(null);
+  if (gestureRef.current === null)
+    gestureRef.current = createGesture(translateX, openWidth);
+  const { pan, close } = gestureRef.current;
+
+  // A row that unmounts while open (deleted, filtered out, screen changed)
+  // must not leave the latch pointing at a dead closer.
+  useEffect(
+    () => () => {
+      if (closeOpenRow === close) closeOpenRow = null;
+    },
+    [close]
+  );
+
+  return (
+    <View style={styles.clip}>
+      <View style={[styles.actionLayer, { width: openWidth }]}>
+        {actions.map((action) => (
+          <TouchableOpacity
+            key={action.label}
+            style={[
+              styles.action,
+              action.background ? { backgroundColor: action.background } : null,
+            ]}
+            onPress={() => {
+              close();
+              action.onPress();
+            }}
+            accessibilityLabel={action.label}
+            testID={action.testID ?? (testID ? `${testID}-${action.label.toLowerCase()}` : undefined)}
+          >
+            <Text
+              style={[styles.actionText, action.color ? { color: action.color } : null]}
+              numberOfLines={1}
+            >
+              {action.label}
+            </Text>
+          </TouchableOpacity>
+        ))}
+      </View>
+      <Animated.View
+        style={[styles.content, { transform: [{ translateX }] }]}
+        {...pan.panHandlers}
+      >
+        {children}
+      </Animated.View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  clip: {
+    overflow: "hidden",
+  },
+  // Own geometry, no percentages: an absoluteFill layer with a `height:
+  // "100%"` child measured against this content-sized parent inflated every
+  // row to several hundred points on iOS/Fabric.
+  actionLayer: {
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    right: 0,
+    flexDirection: "row",
+  },
+  action: {
+    width: ACTION_WIDTH,
+    height: "100%",
+    backgroundColor: tm.color.fillStrong,
+    alignItems: "center",
+    justifyContent: "center",
+    paddingHorizontal: 6,
+  },
+  actionText: {
+    color: tm.color.label,
+    fontSize: tm.font.footnote,
+    fontWeight: "600",
+    letterSpacing: tm.tracking.control,
+  },
+  // Opaque so the red action never bleeds through the row it sits under.
+  content: {
+    backgroundColor: tm.color.group,
+  },
+});

package/src/ui/primitives.tsx

@@ -0,0 +1,157 @@
+/**
+ * Grouped-inset list primitives — the building blocks of the Time Machine
+ * surface (see ./tmTheme for the tokens and the promotion plan).
+ *
+ * The shape they compose to:
+ *
+ *   SectionLabel      SOURCES                 ← outside the card, uppercase
+ *   Group             ┌──────────────────┐
+ *     <row>           │ All sources …  6 ›│    ← rows are plain children;
+ *     <row>           ├──────────────────┤      Group draws the hairlines
+ *                     └──────────────────┘
+ *   Footnote          Route is captured with… ← explains the group above
+ *
+ * Rows are whatever a screen needs — Group only owns the card, the clipping
+ * and the separators, so a row never has to know its position in the list.
+ */
+import { Children, type ReactNode } from "react";
+import { StyleSheet, Text, View, type ViewStyle } from "react-native";
+import { ChevronRight } from "@buoy-gg/shared-ui";
+import { tm } from "./tmTheme";
+
+/** Uppercase section label that sits above a Group. */
+export function SectionLabel({ children }: { children: string }) {
+  return <Text style={styles.sectionLabel}>{children}</Text>;
+}
+
+/**
+ * Explanatory line under a Group ("Swipe a restore point to delete it").
+ * `centered` matches the iOS convention for a footnote under a lone button.
+ */
+export function Footnote({
+  children,
+  centered,
+  tone = "secondary",
+}: {
+  children: ReactNode;
+  centered?: boolean;
+  tone?: "secondary" | "warning";
+}) {
+  return (
+    <Text
+      style={[
+        styles.footnote,
+        centered ? styles.footnoteCentered : null,
+        tone === "warning" ? styles.footnoteWarning : null,
+      ]}
+    >
+      {children}
+    </Text>
+  );
+}
+
+/**
+ * A rounded grouped card. Draws a hairline between consecutive children and
+ * clips them, so a row can paint edge-to-edge (swipe actions, press washes)
+ * without punching through the corners.
+ */
+export function Group({
+  children,
+  style,
+}: {
+  children: ReactNode;
+  style?: ViewStyle;
+}) {
+  const rows = Children.toArray(children);
+  return (
+    <View style={[styles.group, style]}>
+      {rows.map((row, index) => (
+        // Children.toArray assigns stable synthetic keys ('.$id' for keyed
+        // children), so a row keeps its identity as the list changes.
+        <View key={(row as { key?: string }).key ?? index}>
+          {index > 0 ? <View style={styles.separator} /> : null}
+          {row}
+        </View>
+      ))}
+    </View>
+  );
+}
+
+/**
+ * Trailing disclosure chevron for a row that opens or expands.
+ *
+ * A real glyph, not two rotated hairlines: at this size the hand-built
+ * version's strokes never met at the vertex, so it read as a broken arrow.
+ */
+export function DisclosureChevron() {
+  return <ChevronRight size={16} color={tm.color.labelTertiary} />;
+}
+
+/**
+ * Pill button. Parameterized by color rather than by variant flags so a
+ * screen can name its own (`CapturePill`, `RestorePill`) in one line.
+ */
+export function PillLabel({
+  label,
+  color,
+  background,
+}: {
+  label: string;
+  color: string;
+  background: string;
+}) {
+  return (
+    <View style={[styles.pill, { backgroundColor: background }]}>
+      <Text style={[styles.pillText, { color }]}>{label}</Text>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  sectionLabel: {
+    color: tm.color.labelSecondary,
+    fontSize: tm.font.footnote,
+    fontWeight: "500",
+    textTransform: "uppercase",
+    letterSpacing: 0.4,
+    paddingHorizontal: tm.gutter + tm.textInset,
+    paddingTop: 22,
+    paddingBottom: 7,
+  },
+  footnote: {
+    color: tm.color.labelSecondary,
+    fontSize: tm.font.footnote,
+    lineHeight: tm.font.footnote * 1.35,
+    paddingHorizontal: tm.gutter + tm.textInset,
+    paddingTop: 7,
+  },
+  footnoteCentered: {
+    textAlign: "center",
+  },
+  footnoteWarning: {
+    color: tm.color.warning,
+  },
+  group: {
+    marginHorizontal: tm.gutter,
+    backgroundColor: tm.color.group,
+    borderRadius: tm.radius.group,
+    overflow: "hidden",
+  },
+  separator: {
+    height: StyleSheet.hairlineWidth,
+    marginLeft: tm.separatorInset,
+    backgroundColor: tm.color.separator,
+  },
+  pill: {
+    height: 32,
+    paddingHorizontal: 15,
+    borderRadius: tm.radius.pill,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  pillText: {
+    fontSize: tm.font.control,
+    fontWeight: "600",
+    letterSpacing: tm.tracking.control,
+  },
+});

package/src/ui/tmTheme.ts

@@ -0,0 +1,107 @@
+/**
+ * Time Machine design tokens — the "modern" surface language.
+ *
+ * A grouped-inset list system (iOS Settings shape): one dark sheet, rounded
+ * grouped cards holding hairline-separated rows, uppercase section labels
+ * outside the cards, and explanatory footnotes under them.
+ *
+ * COLOR COMES FROM `buoyColors` — the shared dev-tools palette — not from a
+ * private set. The mockup this layout came from used the Apple system colors;
+ * those are mapped onto Buoy's equivalents here (system green → Buoy teal,
+ * and so on) so the tool reads as part of the same product as every other
+ * one. Change a value in gameUIColors.ts and it lands here.
+ *
+ * Only shape, spacing and type live as literals below — those ARE the design
+ * language and have no palette equivalent.
+ *
+ * SCOPE: this is Time Machine's pilot of the new look. If it lands, promote
+ * this file (and ./primitives) into @buoy-gg/shared-ui and let the other
+ * tools import it — nothing in here is Time-Machine-specific.
+ *
+ * Note: like every StyleSheet in the repo, these values are read once at
+ * module load, so the desktop dashboard's in-place re-tint needs a reload to
+ * reach them.
+ */
+import { buoyColors } from "@buoy-gg/shared-ui";
+
+/** Hex opacity suffixes, so tinted fills stay tied to the palette color. */
+const A18 = "2E";
+const A30 = "4D";
+
+export const tm = {
+  color: {
+    /** Sheet background behind the grouped cards. */
+    sheet: buoyColors.base,
+    /** A grouped card. */
+    group: buoyColors.card,
+    /** Row press / hover wash on top of a group. */
+    rowPressed: buoyColors.hover,
+    /** Hairline between rows, inset from the left like iOS. */
+    separator: buoyColors.border,
+    /** Neutral control fill (icon discs, chips, round buttons). */
+    fill: buoyColors.input,
+    fillStrong: buoyColors.borderStrong,
+
+    label: buoyColors.text,
+    labelSecondary: buoyColors.textSecondary,
+    labelTertiary: buoyColors.textMuted,
+
+    /** Primary action + "this is healthy" (Buoy teal). */
+    accent: buoyColors.primary,
+    accentSoft: `${buoyColors.primary}${A18}`,
+    accentSoftStrong: `${buoyColors.primary}${A30}`,
+    /** Text/icons ON an accent fill — the palette's teal wants dark ink. */
+    onAccent: "#0A0A0A",
+
+    warning: buoyColors.warning,
+    warningSoft: `${buoyColors.warning}${A18}`,
+
+    danger: buoyColors.error,
+    dangerSoft: `${buoyColors.error}${A18}`,
+    /** Text/icons ON a danger fill. */
+    onDanger: "#FFFFFF",
+
+    info: buoyColors.info,
+  },
+
+  radius: {
+    /** Grouped card + the capture field that visually matches one. */
+    group: 14,
+    /** Fully rounded pills and status circles. */
+    pill: 99,
+  },
+
+  /** Horizontal inset of the grouped cards from the sheet edge. */
+  gutter: 14,
+  /** Extra inset for labels/footnotes, measured from the card edge. */
+  textInset: 16,
+  /** Left inset of a row separator, measured from the card edge. */
+  separatorInset: 16,
+
+  font: {
+    /** Row titles and primary values. */
+    row: 17,
+    /** Buttons and pill labels. */
+    control: 15,
+    /** Section labels, row captions, footnotes. */
+    footnote: 13,
+    /** Route paths and other monospace detail. */
+    mono: 12,
+  },
+
+  /** iOS tracks display text slightly tighter than the default. */
+  tracking: {
+    row: -0.43,
+    control: -0.2,
+  },
+
+  /** Standard grouped-row height before content forces it taller. */
+  rowMinHeight: 52,
+} as const;
+
+/**
+ * Monospace family. RN native resolves a single family name only (no CSS
+ * stack), and "monospace" is the one token both platforms honor — it is what
+ * the rest of the design system uses.
+ */
+export const TM_MONO = "monospace";

package/lib/commonjs/components/preview/ItemDetailScreen.js

@@ -1,189 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ItemDetailScreen = ItemDetailScreen;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _core = require("@buoy-gg/core");
-var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");
-var _verdictMeta = require("./verdictMeta");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Item detail — one preview item's before/after, rendered with the two
- * familiar views (TREE / SPLIT, same as storage events).
- *
- * The render-layer viewers only handle plain JSON faithfully, so both sides
- * pass through toDiffable (Dates→ISO, Maps→objects, BigInt→"1n", cycles→
- * "[Circular]") and the pair is memoized ONCE per item — the storage tool's
- * fix for the fresh-identity-every-render trap that redux/zustand still have.
- */
-
-const DIFF_MODE_KEY = _sharedUi.devToolsStorageKeys.timeMachine.diffViewerMode();
-const TABS = [{
-  key: "tree",
-  label: "TREE VIEW"
-}, {
-  key: "split",
-  label: "SPLIT VIEW"
-}];
-function ItemDetailScreen({
-  sourceLabel,
-  item,
-  leftLabel,
-  rightLabel,
-  onBack
-}) {
-  // Persisted view preference — storage's load-guard/validate/optimistic
-  // pattern, default TREE (structured state reads better as a tree).
-  const [diffMode, setDiffMode] = (0, _react.useState)("tree");
-  const hasLoadedMode = (0, _react.useRef)(false);
-  (0, _react.useEffect)(() => {
-    if (hasLoadedMode.current) return;
-    hasLoadedMode.current = true;
-    void _sharedUi.persistentStorage.getItem(DIFF_MODE_KEY).then(saved => {
-      if (saved === "tree" || saved === "split") setDiffMode(saved);
-    });
-  }, []);
-  const changeMode = mode => {
-    setDiffMode(mode);
-    void _sharedUi.persistentStorage.setItem(DIFF_MODE_KEY, mode).catch(() => {});
-  };
-  const meta = _verdictMeta.VERDICT_META[item.verdict];
-  const host = (0, _core.useToolHost)();
-  const hosted = host.instanceId !== undefined;
-
-  // Hosted: the shared modal header shows this item's identity + back.
-  (0, _core.useToolHeader)(hosted ? {
-    title: item.label,
-    subtitle: `${sourceLabel} · ${meta.label} · ${leftLabel} → ${rightLabel}`,
-    onBack,
-    searchable: false // nothing searchable on a single item's diff
-  } : null,
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [hosted, item.key, sourceLabel, leftLabel, rightLabel]);
-
-  // Normalize ONCE per item; ABSENT_VALUE keeps added/removed reading as
-  // pure additions/removals instead of diffs against the literal "null".
-  const {
-    oldValue,
-    newValue
-  } = (0, _react.useMemo)(() => ({
-    oldValue: item.verdict === "added" ? _dataViewer.ABSENT_VALUE : (0, _dataViewer.toDiffable)(item.oldValue),
-    newValue: item.verdict === "removed" ? _dataViewer.ABSENT_VALUE : (0, _dataViewer.toDiffable)(item.newValue)
-  }), [item]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.container,
-    children: [!hosted && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.screenHeader,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        onPress: onBack,
-        hitSlop: HIT,
-        testID: "tm-item-back",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.backText,
-          children: "\u2039 Preview"
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.titleBlock,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: styles.title,
-          numberOfLines: 1,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-            style: {
-              color: meta.color
-            },
-            children: [meta.glyph, " "]
-          }), item.label]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: styles.subtitle,
-          numberOfLines: 1,
-          children: [sourceLabel, " \xB7 ", meta.label, " \xB7 ", leftLabel, " \u2192 ", rightLabel]
-        })]
-      })]
-    }), item.reason && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-      style: styles.reason,
-      children: ["\u26A0 ", item.reason]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.tabs,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.DiffModeTabs, {
-        tabs: TABS,
-        activeTab: diffMode,
-        onTabChange: changeMode
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-      style: styles.scroll,
-      contentContainerStyle: styles.scrollContent,
-      children: diffMode === "tree" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.TreeDiffViewer, {
-        oldValue: oldValue,
-        newValue: newValue,
-        theme: "dark",
-        showUnchanged: false,
-        scrollEnabled: false
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.ThemedSplitView, {
-        oldValue: oldValue,
-        newValue: newValue,
-        differences: EMPTY,
-        theme: _dataViewer.devToolsDefaultTheme,
-        scrollEnabled: false
-      })
-    })]
-  });
-}
-const EMPTY = [];
-const HIT = {
-  top: 10,
-  bottom: 10,
-  left: 10,
-  right: 10
-};
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  screenHeader: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    gap: 10
-  },
-  backText: {
-    color: _sharedUi.buoyColors.primary,
-    fontSize: 14
-  },
-  titleBlock: {
-    flex: 1,
-    minWidth: 0
-  },
-  title: {
-    color: _sharedUi.buoyColors.text,
-    fontSize: 13,
-    fontWeight: "700"
-  },
-  subtitle: {
-    color: _sharedUi.buoyColors.textMuted,
-    fontSize: 10,
-    marginTop: 2
-  },
-  reason: {
-    color: _sharedUi.buoyColors.warning,
-    fontSize: 11,
-    paddingHorizontal: 12,
-    paddingBottom: 6
-  },
-  tabs: {
-    paddingHorizontal: 12,
-    paddingBottom: 8
-  },
-  scroll: {
-    flex: 1
-  },
-  scrollContent: {
-    paddingHorizontal: 12,
-    paddingBottom: 24
-  }
-});
-//# sourceMappingURL=ItemDetailScreen.js.map

package/lib/commonjs/components/preview/ItemDetailScreen.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_reactNative","_sharedUi","_core","_dataViewer","_verdictMeta","_jsxRuntime","DIFF_MODE_KEY","devToolsStorageKeys","timeMachine","diffViewerMode","TABS","key","label","ItemDetailScreen","sourceLabel","item","leftLabel","rightLabel","onBack","diffMode","setDiffMode","useState","hasLoadedMode","useRef","useEffect","current","persistentStorage","getItem","then","saved","changeMode","mode","setItem","catch","meta","VERDICT_META","verdict","host","useToolHost","hosted","instanceId","undefined","useToolHeader","title","subtitle","searchable","oldValue","newValue","useMemo","ABSENT_VALUE","toDiffable","jsxs","View","style","styles","container","children","screenHeader","jsx","TouchableOpacity","onPress","hitSlop","HIT","testID","Text","backText","titleBlock","numberOfLines","color","glyph","reason","tabs","DiffModeTabs","activeTab","onTabChange","ScrollView","scroll","contentContainerStyle","scrollContent","TreeDiffViewer","theme","showUnchanged","scrollEnabled","ThemedSplitView","differences","EMPTY","devToolsDefaultTheme","top","bottom","left","right","StyleSheet","create","flex","flexDirection","alignItems","paddingHorizontal","paddingVertical","gap","buoyColors","primary","fontSize","minWidth","text","fontWeight","textMuted","marginTop","warning","paddingBottom"],"sourceRoot":"../../../../src","sources":["components/preview/ItemDetailScreen.tsx"],"mappings":"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","ignoreList":[]}