@assistant-ui/react-ink 0.0.6 → 0.0.8

package/dist/primitives/diff/index.js

@@ -0,0 +1,6 @@
+export { DiffRoot as Root } from "./DiffRoot.js";
+export { DiffHeader as Header, } from "./DiffHeader.js";
+export { DiffContent as Content, } from "./DiffContent.js";
+export { DiffLine as Line, } from "./DiffLine.js";
+export { DiffStats as Stats, } from "./DiffStats.js";
+//# sourceMappingURL=index.js.map

package/dist/primitives/diff/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/primitives/diff/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,IAAI,EAAmC,sBAAmB;AAC/E,OAAO,EACL,UAAU,IAAI,MAAM,GAErB,wBAAqB;AACtB,OAAO,EACL,WAAW,IAAI,OAAO,GAEvB,yBAAsB;AACvB,OAAO,EACL,QAAQ,IAAI,IAAI,GAEjB,sBAAmB;AACpB,OAAO,EACL,SAAS,IAAI,KAAK,GAEnB,uBAAoB"}

package/dist/primitives/diff/types.d.ts

@@ -0,0 +1,24 @@
+export type DiffLineType = "add" | "del" | "normal";
+export interface ParsedLine {
+    type: DiffLineType;
+    content: string;
+    oldLineNumber?: number;
+    newLineNumber?: number;
+}
+export interface ParsedFile {
+    oldName?: string | undefined;
+    newName?: string | undefined;
+    lines: ParsedLine[];
+    additions: number;
+    deletions: number;
+}
+export interface FoldedRegion {
+    type: "fold";
+    hiddenCount: number;
+}
+export type DisplayLine = ParsedLine | FoldedRegion;
+export interface DiffFileInput {
+    content: string;
+    name?: string | undefined;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/primitives/diff/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/primitives/diff/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEpD,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;AAEpD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B"}

package/dist/primitives/diff/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/primitives/diff/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/primitives/diff/types.ts"],"names":[],"mappings":""}

package/dist/primitives/diff.d.ts

@@ -0,0 +1,2 @@
+export * from "./diff/index.js";
+//# sourceMappingURL=diff.d.ts.map

package/dist/primitives/diff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"diff.d.ts","sourceRoot":"","sources":["../../src/primitives/diff.ts"],"names":[],"mappings":"AAAA,gCAA6B"}

package/dist/primitives/diff.js

@@ -0,0 +1,2 @@
+export * from "./diff/index.js";
+//# sourceMappingURL=diff.js.map

package/dist/primitives/diff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diff.js","sourceRoot":"","sources":["../../src/primitives/diff.ts"],"names":[],"mappings":"AAAA,gCAA6B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistant-ui/react-ink",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "React Ink (terminal UI) bindings for assistant-ui",
   "keywords": [
     "assistant",
@@ -34,12 +34,14 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@assistant-ui/core": "^0.1.7",
-    "@assistant-ui/store": "^0.2.3",
-    "@assistant-ui/tap": "^0.5.3",
-    "assistant-stream": "^0.3.6",
+    "@assistant-ui/core": "^0.1.9",
+    "@assistant-ui/store": "^0.2.5",
+    "@assistant-ui/tap": "^0.5.5",
+    "assistant-stream": "^0.3.8",
+    "diff": "^8.0.4",
     "ink-spinner": "^5.0.0",
-    "zustand": "^5.0.11"
+    "parse-diff": "^0.11.1",
+    "zustand": "^5.0.12"
   },
   "peerDependencies": {
     "@types/react": "*",
@@ -55,8 +57,8 @@
     "@types/react": "^19.2.14",
     "ink": "^6.8.0",
     "ink-testing-library": "^4.0.0",
-    "react": "^19.1.0",
-    "vitest": "^4.1.0",
+    "react": "^19.2.4",
+    "vitest": "^4.1.1",
     "@assistant-ui/x-buildutils": "0.0.3"
   },
   "publishConfig": {

package/src/index.ts

@@ -114,6 +114,8 @@ export * as ChainOfThoughtPrimitive from "./primitives/chainOfThought";
 export * as SuggestionPrimitive from "./primitives/suggestion";
 export * as ToolCallPrimitive from "./primitives/toolCall";
 export * as ErrorPrimitive from "./primitives/error";
+export * as DiffPrimitive from "./primitives/diff";
+export { DiffView, type DiffViewProps } from "./primitives/diff/DiffView";
 
 // Re-export shared providers from core/react
 export {
@@ -146,6 +148,13 @@ export {
   type ToolDefinition,
   Tools,
   DataRenderers,
+  Interactables,
+  useInteractable,
+  type UseInteractableConfig,
+  type UseInteractableMetadata,
+  makeInteractable,
+  type InteractableConfig,
+  type AssistantInteractable,
 } from "@assistant-ui/core/react";
 export type {
   ModelContext,

package/src/primitives/composer/ComposerSend.tsx

@@ -15,7 +15,7 @@ export const ComposerSend = ({
 
   return (
     <Pressable
-      onPress={send}
+      onPress={() => send()}
       disabled={disabled ?? hookDisabled}
       {...pressableProps}
     >

package/src/primitives/diff/DiffContent.tsx

@@ -0,0 +1,77 @@
+import { type ComponentProps, type ReactNode, Fragment } from "react";
+import { Box, Text } from "ink";
+import { useMemo } from "react";
+import { useDiffContext } from "./DiffContext";
+import { DiffLine } from "./DiffLine";
+import { foldContext } from "./diff-utils";
+import type { ParsedLine, DisplayLine, FoldedRegion } from "./types";
+
+export type DiffContentProps = ComponentProps<typeof Box> & {
+  fileIndex?: number | undefined;
+  showLineNumbers?: boolean | undefined;
+  contextLines?: number | undefined;
+  maxLines?: number | undefined;
+  renderLine?:
+    | ((props: { line: ParsedLine; index: number }) => ReactNode)
+    | undefined;
+  renderFold?:
+    | ((props: { region: FoldedRegion; index: number }) => ReactNode)
+    | undefined;
+};
+
+export const DiffContent = ({
+  fileIndex = 0,
+  showLineNumbers = true,
+  contextLines,
+  maxLines,
+  renderLine,
+  renderFold,
+  ...boxProps
+}: DiffContentProps) => {
+  const { files } = useDiffContext();
+  const file = files[fileIndex];
+
+  const displayLines: DisplayLine[] = useMemo(() => {
+    if (!file) return [];
+    if (contextLines !== undefined) {
+      return foldContext(file.lines, contextLines);
+    }
+    return file.lines;
+  }, [file, contextLines]);
+
+  if (!file) return null;
+
+  const truncated = maxLines !== undefined && displayLines.length > maxLines;
+  const visibleLines = truncated
+    ? displayLines.slice(0, maxLines)
+    : displayLines;
+  const remainingCount = truncated ? displayLines.length - maxLines! : 0;
+
+  return (
+    <Box flexDirection="column" {...boxProps}>
+      {visibleLines.map((line, i) => {
+        if (line.type === "fold") {
+          if (renderFold) {
+            return (
+              <Fragment key={i}>
+                {renderFold({ region: line, index: i })}
+              </Fragment>
+            );
+          }
+          return (
+            <Text key={i}>{`  --- ${line.hiddenCount} lines hidden ---`}</Text>
+          );
+        }
+        if (renderLine) {
+          return <Fragment key={i}>{renderLine({ line, index: i })}</Fragment>;
+        }
+        return (
+          <DiffLine key={i} line={line} showLineNumbers={showLineNumbers} />
+        );
+      })}
+      {truncated && <Text>{`... (${remainingCount} more lines)`}</Text>}
+    </Box>
+  );
+};
+
+DiffContent.displayName = "DiffPrimitive.Content";

package/src/primitives/diff/DiffContext.tsx

@@ -0,0 +1,18 @@
+import { createContext, useContext } from "react";
+import type { ParsedFile } from "./types";
+
+interface DiffContextValue {
+  files: ParsedFile[];
+}
+
+const DiffContext = createContext<DiffContextValue | null>(null);
+
+export const useDiffContext = (): DiffContextValue => {
+  const ctx = useContext(DiffContext);
+  if (!ctx) {
+    throw new Error("useDiffContext must be used within a DiffRoot");
+  }
+  return ctx;
+};
+
+export const DiffContextProvider = DiffContext.Provider;

package/src/primitives/diff/DiffHeader.tsx

@@ -0,0 +1,38 @@
+import type { ComponentProps } from "react";
+import { Box, Text } from "ink";
+import { useDiffContext } from "./DiffContext";
+import { DiffStats } from "./DiffStats";
+
+export type DiffHeaderProps = ComponentProps<typeof Box> & {
+  fileIndex?: number;
+};
+
+export const DiffHeader = ({ fileIndex = 0, ...boxProps }: DiffHeaderProps) => {
+  const { files } = useDiffContext();
+  const file = files[fileIndex];
+  if (!file) return null;
+
+  const isDevNull = (n: string | undefined) => !n || n === "/dev/null";
+  const renamed =
+    !isDevNull(file.oldName) &&
+    !isDevNull(file.newName) &&
+    file.oldName !== file.newName;
+  const displayName = isDevNull(file.newName) ? file.oldName : file.newName;
+
+  return (
+    <Box gap={1} {...boxProps}>
+      {renamed ? (
+        <>
+          <Text>{file.oldName}</Text>
+          <Text>{"->"}</Text>
+          <Text>{file.newName}</Text>
+        </>
+      ) : (
+        <Text>{displayName}</Text>
+      )}
+      <DiffStats fileIndex={fileIndex} />
+    </Box>
+  );
+};
+
+DiffHeader.displayName = "DiffPrimitive.Header";

package/src/primitives/diff/DiffLine.tsx

@@ -0,0 +1,42 @@
+import type { ComponentProps } from "react";
+import { Box, Text } from "ink";
+import type { ParsedLine } from "./types";
+
+const INDICATOR: Record<ParsedLine["type"], string> = {
+  add: "+",
+  del: "-",
+  normal: " ",
+};
+
+export type DiffLineProps = ComponentProps<typeof Box> & {
+  line: ParsedLine;
+  showLineNumbers?: boolean;
+  lineNumberWidth?: number;
+};
+
+export const DiffLine = ({
+  line,
+  showLineNumbers = true,
+  lineNumberWidth = 4,
+  ...boxProps
+}: DiffLineProps) => {
+  const lineNum =
+    line.type === "del"
+      ? line.oldLineNumber
+      : line.type === "add"
+        ? line.newLineNumber
+        : line.oldLineNumber;
+
+  const numStr = lineNum !== undefined ? String(lineNum) : "";
+  const padded = numStr.padStart(lineNumberWidth);
+  const content = `${INDICATOR[line.type]} ${line.content}`;
+
+  return (
+    <Box {...boxProps}>
+      {showLineNumbers && <Text>{padded} </Text>}
+      <Text>{content}</Text>
+    </Box>
+  );
+};
+
+DiffLine.displayName = "DiffPrimitive.Line";

package/src/primitives/diff/DiffRoot.tsx

@@ -0,0 +1,25 @@
+import type { ComponentProps, ReactNode } from "react";
+import { Box } from "ink";
+import { DiffContextProvider } from "./DiffContext";
+import type { ParsedFile } from "./types";
+
+export type DiffRootProps = ComponentProps<typeof Box> & {
+  files?: ParsedFile[] | undefined;
+  children: ReactNode;
+};
+
+export const DiffRoot = ({
+  files = [],
+  children,
+  ...boxProps
+}: DiffRootProps) => {
+  return (
+    <DiffContextProvider value={{ files }}>
+      <Box flexDirection="column" {...boxProps}>
+        {children}
+      </Box>
+    </DiffContextProvider>
+  );
+};
+
+DiffRoot.displayName = "DiffPrimitive.Root";

package/src/primitives/diff/DiffStats.tsx

@@ -0,0 +1,22 @@
+import type { ComponentProps } from "react";
+import { Box, Text } from "ink";
+import { useDiffContext } from "./DiffContext";
+
+export type DiffStatsProps = ComponentProps<typeof Box> & {
+  fileIndex?: number;
+};
+
+export const DiffStats = ({ fileIndex = 0, ...boxProps }: DiffStatsProps) => {
+  const { files } = useDiffContext();
+  const file = files[fileIndex];
+  if (!file) return null;
+
+  return (
+    <Box gap={1} {...boxProps}>
+      <Text>+{file.additions}</Text>
+      <Text>-{file.deletions}</Text>
+    </Box>
+  );
+};
+
+DiffStats.displayName = "DiffPrimitive.Stats";