finsignal-feed-explore 1.7.0 → 1.9.1

package/README.md

@@ -1,107 +1,104 @@
-# FinSignal Feed Explore
+# @limex/integration-feed
 
-Компоненты для отображения новостной ленты и навигации для React веб-приложений.
+News feed widget library for Limex Co-pilot integration
 
-## Установка
+## Installation
 
 ```bash
-npm install finsignal-feed-explore
+npm install @limex/integration-feed
+# or
+yarn add @limex/integration-feed
 ```
 
-## Компоненты
-
-### SegmentControl
-
-Переключатель вкладок с плавной анимацией.
+## Usage
 
 ```tsx
-import { SegmentControl } from 'finsignal-feed-explore';
+import { NewsFeed } from '@limex/integration-feed';
 
 function App() {
-  const [selectedValue, setSelectedValue] = React.useState('option1');
-
   return (
-    <SegmentControl
-      options={[
-        { value: 'option1', label: 'Опция 1' },
-        { value: 'option2', label: 'Опция 2' },
-        { value: 'option3', label: 'Опция 3' },
-      ]}
-      value={selectedValue}
-      onValueChange={setSelectedValue}
+    <NewsFeed
+      apiUrl="https://api.example.com"
+      onNewsClick={(news) => console.log('Clicked:', news)}
+      onFiltersApply={(filters) => console.log('Filters:', filters)}
+      // Optional: Hide specific icons
+      showShareIcon={true}
+      showBookmarkIcon={true}
+      showLikeIcon={true}
+      showDislikeIcon={false}
+      showAIIcon={true}
     />
   );
 }
 ```
 
-### NewsFeed
-
-Компонент новостной ленты с красивыми снипеттами.
-
-```tsx
-import { NewsFeed } from 'finsignal-feed-explore';
+## Features
 
-function App() {
-  return (
-    <NewsFeed 
-      onItemClick={(item) => console.log('Clicked:', item)}
-    />
-  );
-}
-```
-
-С кастомными новостями:
-
-```tsx
-const customNews = [
-  {
-    id: '1',
-    title: 'Заголовок новости',
-    snippet: 'Краткое описание новости...',
-    source: 'Источник',
-    time: '5 мин назад',
-    category: 'Категория'
-  }
-];
-
-<NewsFeed 
-  items={customNews}
-  onItemClick={(item) => console.log(item)}
-/>
-```
+- ✅ Beautiful news snippets based on Limex mobile app design
+- ✅ Filter news by market events
+- ✅ Configurable action buttons
+- ✅ Callbacks for all user interactions
+- ✅ API integration with `/api/v1/content/search`
+- ✅ **Mock data fallback** - Shows 3 example news items when API is unavailable
+- ✅ Infinite scroll support
+- ✅ Light theme (web only)
+- ✅ Responsive design
+- ✅ TypeScript support
 
 ## API
 
-### SegmentControlProps
-
-| Prop | Тип | Обязательно | Описание |
-|------|-----|-------------|----------|
-| `options` | `SegmentOption[]` | Да | Массив опций для отображения |
-| `value` | `string` | Да | Текущее выбранное значение |
-| `onValueChange` | `(value: string) => void` | Да | Callback при изменении значения |
-| `className` | `string` | Нет | Дополнительные CSS классы |
-
-### SegmentOption
+### NewsFeed Props
+
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| `apiUrl` | `string` | Yes | Base API URL |
+| `onNewsClick` | `(news: NewsItem) => void` | No | Called when news is clicked |
+| `onShareClick` | `(news: NewsItem) => void` | No | Called when share is clicked |
+| `onBookmarkClick` | `(news: NewsItem) => void` | No | Called when bookmark is clicked |
+| `onLikeClick` | `(news: NewsItem) => void` | No | Called when like is clicked |
+| `onDislikeClick` | `(news: NewsItem) => void` | No | Called when dislike is clicked |
+| `onAIClick` | `(news: NewsItem) => void` | No | Called when AI button is clicked |
+| `onFiltersOpen` | `() => void` | No | Called when filters overlay opens |
+| `onFiltersClose` | `() => void` | No | Called when filters overlay closes |
+| `onFiltersApply` | `(filters: string[]) => void` | No | Called when filters are applied |
+| `showShareIcon` | `boolean` | No | Show/hide share button (default: true) |
+| `showBookmarkIcon` | `boolean` | No | Show/hide bookmark button (default: true) |
+| `showLikeIcon` | `boolean` | No | Show/hide like button (default: true) |
+| `showDislikeIcon` | `boolean` | No | Show/hide dislike button (default: true) |
+| `showAIIcon` | `boolean` | No | Show/hide AI button (default: true) |
+| `showFilterIcon` | `boolean` | No | Show/hide filter button (default: true) |
+| `initialFilters` | `string[]` | No | Initial market events filters |
+| `enableInfiniteScroll` | `boolean` | No | Enable/disable infinite scroll (default: true) |
+| `marketEventsTaxonomy` | `MarketEventTaxonomyItem[]` | No | Custom market events taxonomy |
+
+## Mock Data
+
+The widget automatically displays 3 example news items when:
+- API is unavailable or returns an error
+- No real news data is loaded yet
+
+This ensures users always see content, even during development or API downtime.
 
-| Свойство | Тип | Описание |
-|----------|-----|----------|
-| `value` | `string` | Уникальное значение опции |
-| `label` | `string` | Отображаемый текст |
+```tsx
+import { MOCK_NEWS } from '@limex/integration-feed';
 
-## Стилизация
+// You can also use mock data directly in your own components
+console.log(MOCK_NEWS); // Array of 3 example news items
+```
 
-Компонент использует CSS классы:
-- `.segment-control` - контейнер
-- `.segment-option` - кнопка опции
-- `.segment-option.active` - активная опция
+## Development
 
-Можно переопределить стили или добавить свой className.
+```bash
+# Install dependencies
+yarn install
 
-## Требования
+# Build
+yarn build
 
-- React >= 18.0.0
+# Watch mode
+yarn dev
+```
 
-## Лицензия
+## License
 
 MIT
-

package/dist/NewsFeed.d.ts

@@ -1,55 +1,9 @@
-import './newsfeed.css';
-export interface FeedItem {
-    content_id: string;
-    author_id?: string | null;
-    title?: string | null;
-    body?: string | null;
-    type: 'post' | 'signal' | 'news' | 'strategies' | 'trigger' | 'market_vibe' | 'guides';
-    source: 'user' | 'provider' | 'api';
-    created_at: string;
-    score: number;
-    thumbnail_url?: string | null;
-    metadata: {
-        ai_processed?: boolean;
-        processing_status?: string;
-        ai_processing?: {
-            status: string;
-            message: string;
-        };
-        news?: {
-            recommendation?: {
-                text: string;
-                priceRange: string;
-            };
-            stocks?: Array<{
-                symbol: string;
-                price: string;
-                change: string;
-                changeType: 'positive' | 'negative';
-            }>;
-        };
-        signal?: {
-            symbol: string;
-            companyName: string;
-            metrics: {
-                buy: string;
-                entry: string;
-                takeProfit: string;
-                stopLoss: string;
-            };
-        };
-        ai_categorization?: {
-            primaryCategory: string;
-            tags: string[];
-        };
-    };
+import React from 'react';
+import { WidgetConfig } from './types';
+import './NewsFeed.css';
+export interface NewsFeedProps extends WidgetConfig {
+    initialFilters?: string[];
+    enableInfiniteScroll?: boolean;
 }
-export interface FeedListProps {
-    feedType?: 'trending' | 'personal' | 'hot';
-    items?: FeedItem[];
-    onItemClick?: (item: FeedItem) => void;
-    className?: string;
-    feedApiUrl?: string;
-    useMockData?: boolean;
-}
-export declare function FeedList({ feedType, items: itemsProp, onItemClick, className, feedApiUrl, useMockData }: FeedListProps): import("react/jsx-runtime").JSX.Element;
+export declare const NewsFeed: React.FC<NewsFeedProps>;
+//# sourceMappingURL=NewsFeed.d.ts.map

package/dist/NewsFeed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewsFeed.d.ts","sourceRoot":"","sources":["../src/NewsFeed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAMxE,OAAO,EAAE,YAAY,EAAY,MAAM,SAAS,CAAC;AAGjD,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4O5C,CAAC"}