@nuraly/lumenui 0.1.0

package/dist/src/components/chatbot/chatbot.types.d.ts

@@ -0,0 +1,246 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * Message sender types
+ */
+export declare enum ChatbotSender {
+    User = "user",
+    Bot = "bot",
+    System = "system"
+}
+/**
+ * Chatbot loading indicator types
+ */
+export declare enum ChatbotLoadingType {
+    Dots = "dots",
+    Spinner = "spinner",
+    Wave = "wave",
+    Typing = "typing"
+}
+/**
+ * Chatbot size variants
+ */
+export declare enum ChatbotSize {
+    Small = "small",
+    Medium = "medium",
+    Large = "large",
+    Full = "full"
+}
+/**
+ * Chatbot visual themes
+ */
+export declare enum ChatbotVariant {
+    Default = "default",
+    Minimal = "minimal",
+    Rounded = "rounded",
+    ChatGPT = "chatgpt"
+}
+/**
+ * Chatbot message state
+ */
+export declare enum ChatbotMessageState {
+    Default = "default",
+    Error = "error",
+    Success = "success",
+    Loading = "loading",
+    Pending = "pending"
+}
+/**
+ * File upload types
+ */
+export declare enum ChatbotFileType {
+    Image = "image",
+    Document = "document",
+    Audio = "audio",
+    Video = "video",
+    Archive = "archive",
+    Code = "code",
+    Unknown = "unknown"
+}
+/**
+ * Action button types
+ */
+export declare enum ChatbotActionType {
+    Upload = "upload",
+    Clear = "clear",
+    Export = "export",
+    Settings = "settings",
+    Microphone = "microphone",
+    Camera = "camera",
+    Attach = "attach"
+}
+/**
+ * Interface for file attachments
+ */
+export interface ChatbotFile {
+    id: string;
+    name: string;
+    size: number;
+    type: ChatbotFileType;
+    mimeType: string;
+    url?: string;
+    previewUrl?: string;
+    uploadProgress?: number;
+    error?: string;
+    metadata?: Record<string, any>;
+}
+/**
+ * Interface for chatbot messages
+ */
+export interface ChatbotMessage {
+    id: string;
+    sender: ChatbotSender;
+    text: string;
+    timestamp: string;
+    error?: boolean;
+    introduction?: boolean;
+    state?: ChatbotMessageState;
+    files?: ChatbotFile[];
+    suggestions?: ChatbotSuggestion[];
+    metadata?: Record<string, any>;
+    parentId?: string;
+    reactions?: string[];
+}
+/**
+ * Interface for chatbot suggestions
+ */
+export interface ChatbotSuggestion {
+    id: string;
+    text: string;
+    enabled?: boolean;
+    icon?: string;
+    description?: string;
+    metadata?: Record<string, any>;
+}
+/**
+ * Interface for action buttons
+ */
+export interface ChatbotAction {
+    id: string;
+    type: ChatbotActionType;
+    label: string;
+    icon: string;
+    enabled?: boolean;
+    tooltip?: string;
+    handler: () => void;
+    metadata?: Record<string, any>;
+}
+/**
+ * Interface for chatbot configuration
+ */
+export interface ChatbotConfig {
+    apiEndpoint?: string;
+    maxMessages?: number;
+    maxFileSize?: number;
+    allowedFileTypes?: string[];
+    maxFiles?: number;
+    enableSuggestions?: boolean;
+    enableRetry?: boolean;
+    enableClear?: boolean;
+    enableFileUpload?: boolean;
+    enableVoiceInput?: boolean;
+    enableCamera?: boolean;
+    autoScroll?: boolean;
+    typingIndicatorDelay?: number;
+    showTimestamps?: boolean;
+    showMessageStatus?: boolean;
+    enableMarkdown?: boolean;
+    enableCodeHighlighting?: boolean;
+    enableEmojis?: boolean;
+    placeholder?: string;
+    theme?: 'carbon-light' | 'carbon-dark' | 'default-light' | 'default-dark';
+}
+/**
+ * Interface for chatbot validation rules
+ */
+export interface ChatbotValidationRule {
+    id: string;
+    validator: (message: string, files?: ChatbotFile[]) => boolean | Promise<boolean>;
+    errorMessage: string;
+    warningMessage?: string;
+}
+/**
+ * Interface for chatbot events
+ */
+export interface ChatbotEventDetail {
+    message?: ChatbotMessage;
+    suggestion?: ChatbotSuggestion;
+    file?: ChatbotFile;
+    files?: ChatbotFile[];
+    action?: ChatbotAction;
+    error?: Error;
+    metadata?: Record<string, any>;
+}
+/**
+ * Interface for file upload progress
+ */
+export interface ChatbotUploadProgress {
+    fileId: string;
+    progress: number;
+    status: 'uploading' | 'completed' | 'error';
+    error?: string;
+}
+/**
+ * Interface for conversation thread
+ */
+export interface ChatbotThread {
+    id: string;
+    title: string;
+    messages: ChatbotMessage[];
+    createdAt: string;
+    updatedAt: string;
+    bookmarked?: boolean;
+    metadata?: Record<string, any>;
+}
+/**
+ * Interface for module selection item
+ */
+export interface ChatbotModule {
+    id: string;
+    name: string;
+    description?: string;
+    icon?: string;
+    enabled?: boolean;
+    metadata?: Record<string, any>;
+}
+/**
+ * Common artifact language types
+ */
+export type ArtifactLanguage = 'javascript' | 'typescript' | 'python' | 'java' | 'go' | 'rust' | 'c' | 'cpp' | 'csharp' | 'ruby' | 'php' | 'swift' | 'kotlin' | 'html' | 'css' | 'scss' | 'sql' | 'graphql' | 'json' | 'yaml' | 'xml' | 'toml' | 'markdown' | 'md' | 'bash' | 'shell' | 'sh' | 'zsh' | 'dockerfile' | 'makefile' | 'text' | (string & Record<never, never>);
+/**
+ * Interface for extracted code artifacts
+ */
+export interface ChatbotArtifact {
+    /** Unique artifact identifier */
+    id: string;
+    /** Programming language (from fenced code block) */
+    language: ArtifactLanguage;
+    /** Raw code content */
+    content: string;
+    /** Display title (extracted from first comment line or generated) */
+    title: string;
+    /** ID of the message this artifact belongs to */
+    messageId: string;
+    /** Index of this artifact within its message (0-based) */
+    index: number;
+}
+/**
+ * Constants
+ */
+export declare const EMPTY_STRING = "";
+export declare const DEFAULT_TYPING_DELAY = 1000;
+export declare const DEFAULT_MAX_MESSAGES = 100;
+export declare const DEFAULT_MAX_FILE_SIZE: number;
+export declare const DEFAULT_MAX_FILES = 5;
+/**
+ * Default allowed file types
+ */
+export declare const DEFAULT_ALLOWED_FILE_TYPES: string[];
+/**
+ * File type mappings
+ */
+export declare const FILE_TYPE_MAPPINGS: Record<string, ChatbotFileType>;
+//# sourceMappingURL=chatbot.types.d.ts.map

package/dist/src/components/chatbot/chatbot.types.js

@@ -0,0 +1,124 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * Message sender types
+ */
+export var ChatbotSender;
+(function (ChatbotSender) {
+    ChatbotSender["User"] = "user";
+    ChatbotSender["Bot"] = "bot";
+    ChatbotSender["System"] = "system";
+})(ChatbotSender || (ChatbotSender = {}));
+/**
+ * Chatbot loading indicator types
+ */
+export var ChatbotLoadingType;
+(function (ChatbotLoadingType) {
+    ChatbotLoadingType["Dots"] = "dots";
+    ChatbotLoadingType["Spinner"] = "spinner";
+    ChatbotLoadingType["Wave"] = "wave";
+    ChatbotLoadingType["Typing"] = "typing";
+})(ChatbotLoadingType || (ChatbotLoadingType = {}));
+/**
+ * Chatbot size variants
+ */
+export var ChatbotSize;
+(function (ChatbotSize) {
+    ChatbotSize["Small"] = "small";
+    ChatbotSize["Medium"] = "medium";
+    ChatbotSize["Large"] = "large";
+    ChatbotSize["Full"] = "full";
+})(ChatbotSize || (ChatbotSize = {}));
+/**
+ * Chatbot visual themes
+ */
+export var ChatbotVariant;
+(function (ChatbotVariant) {
+    ChatbotVariant["Default"] = "default";
+    ChatbotVariant["Minimal"] = "minimal";
+    ChatbotVariant["Rounded"] = "rounded";
+    ChatbotVariant["ChatGPT"] = "chatgpt";
+})(ChatbotVariant || (ChatbotVariant = {}));
+/**
+ * Chatbot message state
+ */
+export var ChatbotMessageState;
+(function (ChatbotMessageState) {
+    ChatbotMessageState["Default"] = "default";
+    ChatbotMessageState["Error"] = "error";
+    ChatbotMessageState["Success"] = "success";
+    ChatbotMessageState["Loading"] = "loading";
+    ChatbotMessageState["Pending"] = "pending";
+})(ChatbotMessageState || (ChatbotMessageState = {}));
+/**
+ * File upload types
+ */
+export var ChatbotFileType;
+(function (ChatbotFileType) {
+    ChatbotFileType["Image"] = "image";
+    ChatbotFileType["Document"] = "document";
+    ChatbotFileType["Audio"] = "audio";
+    ChatbotFileType["Video"] = "video";
+    ChatbotFileType["Archive"] = "archive";
+    ChatbotFileType["Code"] = "code";
+    ChatbotFileType["Unknown"] = "unknown";
+})(ChatbotFileType || (ChatbotFileType = {}));
+/**
+ * Action button types
+ */
+export var ChatbotActionType;
+(function (ChatbotActionType) {
+    ChatbotActionType["Upload"] = "upload";
+    ChatbotActionType["Clear"] = "clear";
+    ChatbotActionType["Export"] = "export";
+    ChatbotActionType["Settings"] = "settings";
+    ChatbotActionType["Microphone"] = "microphone";
+    ChatbotActionType["Camera"] = "camera";
+    ChatbotActionType["Attach"] = "attach";
+})(ChatbotActionType || (ChatbotActionType = {}));
+/**
+ * Constants
+ */
+export const EMPTY_STRING = '';
+export const DEFAULT_TYPING_DELAY = 1000;
+export const DEFAULT_MAX_MESSAGES = 100;
+export const DEFAULT_MAX_FILE_SIZE = 10 * 1024 * 1024; // 10MB
+export const DEFAULT_MAX_FILES = 5;
+/**
+ * Default allowed file types
+ */
+export const DEFAULT_ALLOWED_FILE_TYPES = [
+    'image/jpeg',
+    'image/png',
+    'image/gif',
+    'image/webp',
+    'application/pdf',
+    'text/plain',
+    'text/csv',
+    'application/json',
+    'application/msword',
+    'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    'application/vnd.ms-excel',
+    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+];
+/**
+ * File type mappings
+ */
+export const FILE_TYPE_MAPPINGS = {
+    'image/': ChatbotFileType.Image,
+    'audio/': ChatbotFileType.Audio,
+    'video/': ChatbotFileType.Video,
+    'application/pdf': ChatbotFileType.Document,
+    'application/msword': ChatbotFileType.Document,
+    'application/vnd.openxmlformats-officedocument': ChatbotFileType.Document,
+    'text/': ChatbotFileType.Document,
+    'application/zip': ChatbotFileType.Archive,
+    'application/x-rar': ChatbotFileType.Archive,
+    'application/javascript': ChatbotFileType.Code,
+    'text/html': ChatbotFileType.Code,
+    'text/css': ChatbotFileType.Code
+};
+//# sourceMappingURL=chatbot.types.js.map

package/dist/src/components/chatbot/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+export * from './chatbot.component.js';
+export * from './chatbot.types.js';
+export * from './core/index.js';
+export * from './providers/index.js';
+export * from './plugins/index.js';
+export * from './storage/index.js';
+export * from './controllers/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/chatbot/index.js

@@ -0,0 +1,20 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+// Main component export
+export * from './chatbot.component.js';
+// Types and interfaces
+export * from './chatbot.types.js';
+// Core Controller (Framework Agnostic)
+export * from './core/index.js';
+// Providers
+export * from './providers/index.js';
+// Plugins
+export * from './plugins/index.js';
+// Storage
+export * from './storage/index.js';
+// Controllers (Lit-specific)
+export * from './controllers/index.js';
+//# sourceMappingURL=index.js.map

package/dist/src/components/chatbot/react.d.ts

@@ -0,0 +1,54 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+import { NrChatbotElement } from './chatbot.component.js';
+/**
+ * React wrapper for the nr-chatbot component
+ *
+ * @example
+ * ```jsx
+ * import { NrChatbot } from '@nuralyui/chatbot/react';
+ *
+ * function ChatExample() {
+ *   const [messages, setMessages] = useState([]);
+ *   const [suggestions] = useState([
+ *     { id: '1', text: 'Help with account', enabled: true },
+ *     { id: '2', text: 'Check balance', enabled: true }
+ *   ]);
+ *
+ *   const handleMessageSent = (event) => {
+ *     const newMessage = event.detail.message;
+ *     setMessages(prev => [...prev, newMessage]);
+ *   };
+ *
+ *   return (
+ *     <NrChatbot
+ *       messages={messages}
+ *       suggestions={suggestions}
+ *       size="medium"
+ *       variant="default"
+ *       onChatbotMessageSent={handleMessageSent}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export declare const NrChatbot: import("@lit-labs/react").ReactWebComponent<NrChatbotElement, {
+    onChatbotMessageSent: string;
+    onChatbotSuggestionClicked: string;
+    onChatbotRetryRequested: string;
+    onChatbotInputChanged: string;
+    onChatbotInputFocused: string;
+    onChatbotInputBlurred: string;
+}>;
+export declare const HyChatbot: import("@lit-labs/react").ReactWebComponent<NrChatbotElement, {
+    onChatbotMessageSent: string;
+    onChatbotSuggestionClicked: string;
+    onChatbotRetryRequested: string;
+    onChatbotInputChanged: string;
+    onChatbotInputFocused: string;
+    onChatbotInputBlurred: string;
+}>;
+//# sourceMappingURL=react.d.ts.map

package/dist/src/components/chatbot/react.js

@@ -0,0 +1,55 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+import { createComponent } from '@lit-labs/react';
+import * as React from 'react';
+import { NrChatbotElement } from './chatbot.component.js';
+/**
+ * React wrapper for the nr-chatbot component
+ *
+ * @example
+ * ```jsx
+ * import { NrChatbot } from '@nuralyui/chatbot/react';
+ *
+ * function ChatExample() {
+ *   const [messages, setMessages] = useState([]);
+ *   const [suggestions] = useState([
+ *     { id: '1', text: 'Help with account', enabled: true },
+ *     { id: '2', text: 'Check balance', enabled: true }
+ *   ]);
+ *
+ *   const handleMessageSent = (event) => {
+ *     const newMessage = event.detail.message;
+ *     setMessages(prev => [...prev, newMessage]);
+ *   };
+ *
+ *   return (
+ *     <NrChatbot
+ *       messages={messages}
+ *       suggestions={suggestions}
+ *       size="medium"
+ *       variant="default"
+ *       onChatbotMessageSent={handleMessageSent}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export const NrChatbot = createComponent({
+    tagName: 'nr-chatbot',
+    elementClass: NrChatbotElement,
+    react: React,
+    events: {
+        onChatbotMessageSent: 'nr-chatbot-message-sent',
+        onChatbotSuggestionClicked: 'nr-chatbot-suggestion-clicked',
+        onChatbotRetryRequested: 'nr-chatbot-retry-requested',
+        onChatbotInputChanged: 'nr-chatbot-input-changed',
+        onChatbotInputFocused: 'nr-chatbot-input-focused',
+        onChatbotInputBlurred: 'nr-chatbot-input-blurred',
+    },
+});
+// Legacy alias for backward compatibility
+export const HyChatbot = NrChatbot;
+//# sourceMappingURL=react.js.map