@cueloop/client 0.1.0-alpha.32 → 0.1.0-alpha.34

package/src/walk.ts

@@ -35,7 +35,10 @@ export function walkFiles(rows: DiffRow[]): WalkFile[] {
     if (row.kind === "add") file.added += 1;
     else file.removed += 1;
     if (file.preview.length < WALK_PREVIEW_ROWS) {
-      file.preview.push({ sign: row.kind === "add" ? "+" : "-", text: row.text.replace(/\n$/, "") });
+      file.preview.push({
+        sign: row.kind === "add" ? "+" : "-",
+        text: row.text.replace(/\n$/, ""),
+      });
     }
   }
   return files;
@@ -61,5 +64,7 @@ export function viewedCount(files: WalkFile[], viewedPaths: ReadonlySet<string>)
  * quote is the file path (the note contract in the shared review core).
  */
 export function noteForFile(annotations: Annotation[], path: string): string | undefined {
-  return annotations.find((annotation) => annotation.kind === "note" && annotation.anchor.quote === path)?.body;
+  return annotations.find(
+    (annotation) => annotation.kind === "note" && annotation.anchor.quote === path,
+  )?.body;
 }

package/src/components/ComposeBar.stories.tsx

@@ -1,18 +0,0 @@
-import React from "react";
-import { DARK } from "../theme";
-import type { Story, StoryMeta } from "./story";
-import { ComposeBar } from "./ComposeBar";
-
-export const meta: StoryMeta = { title: "ComposeBar" };
-
-export const CommentOnLine: Story = {
-  render: () => (
-    <ComposeBar kind="comment" quote="  private items = new Map();" text="Map needs an eviction story." onInput={() => {}} />
-  ),
-  expectedColors: [DARK.accent, DARK.elevated],
-};
-
-export const SuggestionOnLine: Story = {
-  render: () => <ComposeBar kind="suggestion" quote="export class Store {" text="" onInput={() => {}} />,
-  expectedColors: [DARK.green],
-};

package/src/components/ComposeBar.tsx

@@ -1,54 +0,0 @@
-/**
- * Bottom compose bar - the diff view composes annotation bodies here. The
- * editor is the same multiline textarea contract as the inline composer:
- * ⏎ saves through the grammar, shift+⏎ adds a line.
- */
-
-import React, { useRef } from "react";
-import type { KeyBinding, TextareaRenderable } from "@opentui/core";
-import type { Theme } from "../theme";
-import { useComponentTheme } from "./theme-context";
-import { truncateToSingleLine } from "./truncate-text";
-
-export interface ComposeBarProps {
-  kind: "comment" | "suggestion";
-  quote: string;
-  text: string;
-  onInput: (text: string) => void;
-  theme?: Theme;
-}
-
-const COMPOSE_KEY_BINDINGS: KeyBinding[] = [
-  { name: "return", action: "submit" },
-  { name: "return", shift: true, action: "newline" },
-];
-
-export function ComposeBar({ kind, quote, text, onInput, theme }: ComposeBarProps): React.ReactNode {
-  const tokens = useComponentTheme(theme);
-  const editorRef = useRef<TextareaRenderable | null>(null);
-  const editorRows = Math.min(4, Math.max(1, text.split("\n").length));
-  return (
-    <box style={{ height: 1 + editorRows, backgroundColor: tokens.elevated, flexDirection: "column", paddingLeft: 1 }}>
-      <text fg={kind === "suggestion" ? tokens.green : tokens.accent}>
-        {kind === "suggestion" ? "SUGGEST REPLACEMENT FOR" : "COMMENT ON"} “{truncateToSingleLine(quote, 60)}” · ⏎ save · esc cancel
-      </text>
-      <textarea
-        ref={editorRef}
-        focused
-        initialValue=""
-        keyBindings={COMPOSE_KEY_BINDINGS}
-        onContentChange={() => {
-          const editor = editorRef.current;
-          if (editor) onInput(editor.plainText);
-        }}
-        style={{
-          height: editorRows,
-          backgroundColor: tokens.elevated,
-          focusedBackgroundColor: tokens.elevated,
-          textColor: tokens.text,
-          focusedTextColor: tokens.text,
-        }}
-      />
-    </box>
-  );
-}