@cloud-ru/ds-ai-code-diff 0.0.1-preview-cbb08c35.0 → 1.1.0

package/CHANGELOG.md

@@ -2,3 +2,10 @@
 
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# 1.1.0 (2026-11-02)
+
+### Features
+
+- **AIX-487:** ai-code-diff component ([6ae7bb7](https://github.com/cloud-ru-tech/snack-v2/commit/6ae7bb74a9c2b4166b2d96c444d9d065749fb360))
+- **AIX-487:** ai-history-line component ([8f9d550](https://github.com/cloud-ru-tech/snack-v2/commit/8f9d550beb53b91d945816e48b6a280c3ad677b8))

package/README.md

@@ -2,7 +2,7 @@
 
 `@cloud-ru/ds-ai-code-diff` — Количество добавленных и удаленных строк кода
 
-`AiCodeDiff` показывает сводку изменений: число добавленных и удалённых строк. Компонент не считает diff и не открывает просмотр кода — строки передаёт потребитель.
+`AiCodeDiff` показывает сводку изменений: число добавленных и удалённых строк. Компонент не считает diff и не открывает просмотр кода — целые количества передаёт потребитель, знаки `+` и `-` ставит компонент.
 
 ## Когда использовать
 
@@ -13,8 +13,8 @@
 
 - Нужно показать сами строки кода:
   - соберите просмотр отдельно, `AiCodeDiff` остаётся подписью.
-- Нужно сократить большие числа или дописать знаки `+` / `-`:
-  - отформатируйте строку до передачи в `added` и `removed`.
+- Нужно сократить большие числа (`1.2k`) или показать дробное значение:
+  - `added` и `removed` — целые неотрицательные числа, компонент показывает их как есть.
 
 ## Анатомия
 
@@ -34,7 +34,7 @@ pnpm add @cloud-ru/ds-ai-code-diff
 ```
 
 ```ts
-import { AiCodeDiff } from '@cloud-ru/ds-ai-code-diff'
+import { AiCodeDiff } from '@cloud-ru/ds-ai-code-diff';
 ```
 
 ## Примеры использования
@@ -44,27 +44,27 @@ import { AiCodeDiff } from '@cloud-ru/ds-ai-code-diff'
 m и s на одних и тех же строках
 
 ```tsx
-import { AiCodeDiff, SIZE } from '@cloud-ru/ds-ai-code-diff'
+import { AiCodeDiff, SIZE } from '@cloud-ru/ds-ai-code-diff';
 
 export function Sizes() {
   return (
     <div style={{ display: 'flex', gap: 12, flexWrap: 'wrap', alignItems: 'center' }}>
-      <AiCodeDiff added='+83' removed='-26' size={SIZE.M} />
-      <AiCodeDiff added='+83' removed='-26' size={SIZE.S} />
+      <AiCodeDiff added={83} removed={26} size={SIZE.M} />
+      <AiCodeDiff added={83} removed={26} size={SIZE.S} />
     </div>
-  )
+  );
 }
 ```
 
 ### Длинные значения
 
-Строки уже отформатированы потребителем
+Крупные целые числа
 
 ```tsx
-import { AiCodeDiff } from '@cloud-ru/ds-ai-code-diff'
+import { AiCodeDiff } from '@cloud-ru/ds-ai-code-diff';
 
 export function LongCounts() {
-  return <AiCodeDiff added='+1200' removed='-48' />
+  return <AiCodeDiff added={1200} removed={48} />;
 }
 ```
 
@@ -73,10 +73,10 @@ export function LongCounts() {
 По умолчанию «/», его можно заменить
 
 ```tsx
-import { AiCodeDiff } from '@cloud-ru/ds-ai-code-diff'
+import { AiCodeDiff } from '@cloud-ru/ds-ai-code-diff';
 
 export function CustomSeparator() {
-  return <AiCodeDiff added='+83' removed='-26' separator='·' />
+  return <AiCodeDiff added={83} removed={26} separator='·' />;
 }
 ```
 
@@ -86,12 +86,12 @@ export function CustomSeparator() {
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `added` | `string` | — | Уже отформатированный текст добавленных строк, например "+83". |
+| `added` | `number` | — | Количество добавленных строк. Целое неотрицательное число, знак `+` ставит компонент. |
 | `className` | `string` | — |  |
 | `data-test-id` | `string` | — |  |
-| `removed` | `string` | — | Уже отформатированный текст удалённых строк, например "-26". |
-| `separator` | `string` | `/` | Разделитель между added и removed. По умолчанию "/". |
-| `size` | `"m"` \| `"s"` | `m` | Типографика. По умолчанию `m`. |
+| `removed` | `number` | — | Количество удалённых строк. Целое неотрицательное число, знак `-` ставит компонент. |
+| `separator` | `string` | `/` | Разделитель между added и removed. |
+| `size` | `"m"` \| `"s"` | `m` | Типографика. |
 
 #### Related types
 

package/dist/cjs/AiCodeDiff.d.ts

@@ -1,2 +1,22 @@
-import { AiCodeDiffProps } from './types';
+import { ValueOf } from '@cloud-ru/ds-utils';
+import { SIZE } from './constants';
+export type Size = ValueOf<typeof SIZE>;
+export type AiCodeDiffProps = {
+    /** Количество добавленных строк. Целое неотрицательное число, знак `+` ставит компонент. */
+    added: number;
+    /** Количество удалённых строк. Целое неотрицательное число, знак `-` ставит компонент. */
+    removed: number;
+    /**
+     * Типографика.
+     * @default m
+     */
+    size?: Size;
+    /**
+     * Разделитель между added и removed.
+     * @default /
+     */
+    separator?: string;
+    className?: string;
+    'data-test-id'?: string;
+};
 export declare function AiCodeDiff({ added, removed, size, separator, className, 'data-test-id': dataTestId, }: AiCodeDiffProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/AiCodeDiff.js

@@ -9,5 +9,5 @@ const classnames_1 = __importDefault(require("classnames"));
 const constants_1 = require("./constants");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function AiCodeDiff({ added, removed, size = constants_1.SIZE.M, separator = '/', className, 'data-test-id': dataTestId, }) {
-    return ((0, jsx_runtime_1.jsxs)("span", { className: (0, classnames_1.default)(styles_module_scss_1.default.root, className), "data-size": size, "data-test-id": dataTestId, children: [(0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.added, "data-test-id": constants_1.TEST_IDS.added, children: added }), (0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.separator, "data-test-id": constants_1.TEST_IDS.separator, children: separator }), (0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.removed, "data-test-id": constants_1.TEST_IDS.removed, children: removed })] }));
+    return ((0, jsx_runtime_1.jsxs)("span", { className: (0, classnames_1.default)(styles_module_scss_1.default.root, className), "data-size": size, "data-test-id": dataTestId, children: [(0, jsx_runtime_1.jsxs)("span", { className: styles_module_scss_1.default.added, "data-test-id": constants_1.TEST_IDS.added, children: ["+", added] }), (0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.separator, "data-test-id": constants_1.TEST_IDS.separator, children: separator }), (0, jsx_runtime_1.jsxs)("span", { className: styles_module_scss_1.default.removed, "data-test-id": constants_1.TEST_IDS.removed, children: ["-", removed] })] }));
 }

package/dist/cjs/index.d.ts

@@ -1,3 +1,2 @@
 export * from './AiCodeDiff';
 export * from './constants';
-export * from './types';

package/dist/cjs/index.js

@@ -16,4 +16,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./AiCodeDiff"), exports);
 __exportStar(require("./constants"), exports);
-__exportStar(require("./types"), exports);

package/dist/esm/AiCodeDiff.d.ts

@@ -1,2 +1,22 @@
-import { AiCodeDiffProps } from './types.js';
+import { ValueOf } from '@cloud-ru/ds-utils';
+import { SIZE } from './constants.js';
+export type Size = ValueOf<typeof SIZE>;
+export type AiCodeDiffProps = {
+    /** Количество добавленных строк. Целое неотрицательное число, знак `+` ставит компонент. */
+    added: number;
+    /** Количество удалённых строк. Целое неотрицательное число, знак `-` ставит компонент. */
+    removed: number;
+    /**
+     * Типографика.
+     * @default m
+     */
+    size?: Size;
+    /**
+     * Разделитель между added и removed.
+     * @default /
+     */
+    separator?: string;
+    className?: string;
+    'data-test-id'?: string;
+};
 export declare function AiCodeDiff({ added, removed, size, separator, className, 'data-test-id': dataTestId, }: AiCodeDiffProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/AiCodeDiff.js

@@ -1,7 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import cn from 'classnames';
 import { SIZE, TEST_IDS } from './constants.js';
 import styles from './styles.module.css';
 export function AiCodeDiff({ added, removed, size = SIZE.M, separator = '/', className, 'data-test-id': dataTestId, }) {
-    return (_jsxs("span", { className: cn(styles.root, className), "data-size": size, "data-test-id": dataTestId, children: [_jsx("span", { className: styles.added, "data-test-id": TEST_IDS.added, children: added }), _jsx("span", { className: styles.separator, "data-test-id": TEST_IDS.separator, children: separator }), _jsx("span", { className: styles.removed, "data-test-id": TEST_IDS.removed, children: removed })] }));
+    return (_jsxs("span", { className: cn(styles.root, className), "data-size": size, "data-test-id": dataTestId, children: [_jsxs("span", { className: styles.added, "data-test-id": TEST_IDS.added, children: ["+", added] }), _jsx("span", { className: styles.separator, "data-test-id": TEST_IDS.separator, children: separator }), _jsxs("span", { className: styles.removed, "data-test-id": TEST_IDS.removed, children: ["-", removed] })] }));
 }

package/dist/esm/index.d.ts

@@ -1,3 +1,2 @@
 export * from './AiCodeDiff.js';
 export * from './constants.js';
-export * from './types.js';

package/dist/esm/index.js

@@ -1,3 +1,2 @@
 export * from './AiCodeDiff.js';
 export * from './constants.js';
-export * from './types.js';