@widgetic/chat 0.1.4

package/dist/utils/fileUtils.js

@@ -0,0 +1,299 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+/**
+ * File type configuration mapping
+ */
+export var fileTypeConfig = {
+    image: {
+        type: 'image',
+        icon: 'image',
+        preview: true,
+        accept: ['image/jpeg', 'image/png', 'image/svg+xml'],
+        maxSize: 10 * 1024 * 1024, // 10MB
+    },
+    video: {
+        type: 'video',
+        icon: 'video',
+        preview: true,
+        accept: ['video/mp4'],
+        maxSize: 100 * 1024 * 1024, // 100MB
+    },
+    document: {
+        type: 'document',
+        icon: 'file-text',
+        preview: false,
+        accept: ['application/pdf', 'text/plain', 'text/markdown', '.mermaid', '.md'],
+        maxSize: 25 * 1024 * 1024, // 25MB
+    },
+    other: {
+        type: 'other',
+        icon: 'file',
+        preview: false,
+        accept: ['*/*'],
+        maxSize: 10 * 1024 * 1024, // 10MB
+    },
+};
+/**
+ * Detect file type from MIME type and file name
+ */
+export function detectFileType(mimeType, fileName) {
+    // Check by file extension first for special cases
+    if (fileName) {
+        var extension = getFileExtension(fileName);
+        if (extension === 'mermaid' || extension === 'md') {
+            return 'document';
+        }
+    }
+    if (mimeType.startsWith('image/')) {
+        return 'image';
+    }
+    if (mimeType.startsWith('video/')) {
+        return 'video';
+    }
+    if (mimeType === 'application/pdf' ||
+        mimeType === 'text/plain' ||
+        mimeType === 'text/markdown' ||
+        mimeType.startsWith('text/')) {
+        return 'document';
+    }
+    return 'other';
+}
+/**
+ * Validate a file for upload
+ */
+export function validateFile(file, config) {
+    var fileType = detectFileType(file.type, file.name);
+    var typeConfig = fileTypeConfig[fileType];
+    // Check file size
+    var maxSize = (config === null || config === void 0 ? void 0 : config.maxSize) || typeConfig.maxSize;
+    if (file.size > maxSize) {
+        return {
+            valid: false,
+            error: "File too large. Maximum size is ".concat(formatFileSize(maxSize)),
+            code: 'FILE_TOO_LARGE'
+        };
+    }
+    // Check file type - handle both MIME types and file extensions
+    var allowedTypes = (config === null || config === void 0 ? void 0 : config.allowedTypes) || typeConfig.accept;
+    var extension = getFileExtension(file.name);
+    if (!allowedTypes.includes('*/*')) {
+        // Check if MIME type is allowed
+        var mimeTypeAllowed = allowedTypes.includes(file.type);
+        // Check if file extension is explicitly allowed (e.g., .mermaid)
+        var extensionAllowed = allowedTypes.includes(".".concat(extension)) || allowedTypes.includes(extension);
+        // Special handling for .mermaid and .md files with text/plain MIME type
+        var isSpecialTextFile = (extension === 'mermaid' || extension === 'md') &&
+            file.type === 'text/plain' &&
+            (allowedTypes.includes('text/plain') || allowedTypes.includes('text/markdown'));
+        if (!mimeTypeAllowed && !extensionAllowed && !isSpecialTextFile) {
+            return {
+                valid: false,
+                error: "File type not supported. Allowed types: ".concat(allowedTypes.join(', ')),
+                code: 'INVALID_TYPE'
+            };
+        }
+    }
+    return {
+        valid: true
+    };
+}
+/**
+ * Validate multiple files
+ */
+export function validateFiles(files, config) {
+    if ((config === null || config === void 0 ? void 0 : config.maxFiles) && files.length > config.maxFiles) {
+        return {
+            valid: false,
+            error: "Too many files. Maximum allowed: ".concat(config.maxFiles),
+            code: 'TOO_MANY_FILES'
+        };
+    }
+    for (var _i = 0, files_1 = files; _i < files_1.length; _i++) {
+        var file = files_1[_i];
+        var validation = validateFile(file, config);
+        if (!validation.valid) {
+            return validation;
+        }
+    }
+    return {
+        valid: true
+    };
+}
+/**
+ * Format file size in human-readable format
+ */
+export function formatFileSize(bytes) {
+    if (bytes === 0)
+        return '0 B';
+    var k = 1024;
+    var sizes = ['B', 'KB', 'MB', 'GB'];
+    var i = Math.floor(Math.log(bytes) / Math.log(k));
+    return "".concat(parseFloat((bytes / Math.pow(k, i)).toFixed(1)), " ").concat(sizes[i]);
+}
+/**
+ * Get file extension from filename
+ */
+export function getFileExtension(filename) {
+    var _a;
+    return ((_a = filename.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '';
+}
+/**
+ * Generate unique file ID
+ */
+export function generateFileId() {
+    return "file_".concat(Date.now(), "_").concat(Math.random().toString(36).substr(2, 9));
+}
+/**
+ * Create a preview URL for supported file types
+ */
+export function createFilePreview(file) {
+    return new Promise(function (resolve) {
+        var fileType = detectFileType(file.type, file.name);
+        if (fileType === 'image') {
+            var reader = new FileReader();
+            reader.onload = function (e) {
+                var _a;
+                resolve(((_a = e.target) === null || _a === void 0 ? void 0 : _a.result) || null);
+            };
+            reader.onerror = function () { return resolve(null); };
+            reader.readAsDataURL(file);
+        }
+        else {
+            resolve(null);
+        }
+    });
+}
+/**
+ * Create a pending attachment from a file
+ */
+export function createPendingAttachment(file) {
+    return __awaiter(this, void 0, Promise, function () {
+        var fileType, preview;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    fileType = detectFileType(file.type, file.name);
+                    return [4 /*yield*/, createFilePreview(file)];
+                case 1:
+                    preview = _a.sent();
+                    return [2 /*return*/, {
+                            id: generateFileId(),
+                            file: file,
+                            type: fileType,
+                            preview: preview || undefined,
+                            uploadStatus: 'pending',
+                            uploadProgress: 0,
+                            retryCount: 0
+                        }];
+            }
+        });
+    });
+}
+/**
+ * Get MIME type accept string for file input
+ */
+export function getAcceptString(types) {
+    var acceptTypes = new Set();
+    for (var _i = 0, types_1 = types; _i < types_1.length; _i++) {
+        var type = types_1[_i];
+        var config = fileTypeConfig[type];
+        for (var _a = 0, _b = config.accept; _a < _b.length; _a++) {
+            var mimeType = _b[_a];
+            acceptTypes.add(mimeType);
+        }
+    }
+    return Array.from(acceptTypes).join(',');
+}
+/**
+ * Check if file supports preview
+ */
+export function supportsPreview(file) {
+    var fileType = detectFileType(file.type, file.name);
+    return fileTypeConfig[fileType].preview;
+}
+/**
+ * Get appropriate icon for file type
+ */
+export function getFileIcon(file) {
+    var fileType = detectFileType(file.type, file.name);
+    return fileTypeConfig[fileType].icon;
+}
+/**
+ * Compress image file if needed
+ */
+export function compressImage(file, options) {
+    return new Promise(function (resolve, reject) {
+        if (!file.type.startsWith('image/')) {
+            resolve(file);
+            return;
+        }
+        var canvas = document.createElement('canvas');
+        var ctx = canvas.getContext('2d');
+        var img = new Image();
+        img.onload = function () {
+            var _a = options.maxWidth, maxWidth = _a === void 0 ? 1920 : _a, _b = options.maxHeight, maxHeight = _b === void 0 ? 1080 : _b, _c = options.quality, quality = _c === void 0 ? 0.8 : _c;
+            var width = img.width, height = img.height;
+            // Calculate new dimensions
+            if (width > maxWidth) {
+                height = (height * maxWidth) / width;
+                width = maxWidth;
+            }
+            if (height > maxHeight) {
+                width = (width * maxHeight) / height;
+                height = maxHeight;
+            }
+            canvas.width = width;
+            canvas.height = height;
+            // Draw and compress
+            ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(img, 0, 0, width, height);
+            canvas.toBlob(function (blob) {
+                if (blob) {
+                    var compressedFile = new File([blob], file.name, {
+                        type: file.type,
+                        lastModified: Date.now()
+                    });
+                    resolve(compressedFile);
+                }
+                else {
+                    resolve(file);
+                }
+            }, file.type, quality);
+        };
+        img.onerror = function () { return resolve(file); };
+        img.src = URL.createObjectURL(file);
+    });
+}

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export { fileTypeConfig, detectFileType, validateFile, validateFiles, formatFileSize, getFileExtension, generateFileId, createFilePreview, createPendingAttachment, getAcceptString, supportsPreview, getFileIcon, compressImage } from './fileUtils.js';
+export { setLogsEnabled, chatLog, chatWarn, chatError } from './logger.js';
+export type { AttachmentType, AttachmentValidation, PendingAttachment, UploadStatus } from '../types/index.js';

package/dist/utils/index.js

@@ -0,0 +1,4 @@
+// File utilities
+export { fileTypeConfig, detectFileType, validateFile, validateFiles, formatFileSize, getFileExtension, generateFileId, createFilePreview, createPendingAttachment, getAcceptString, supportsPreview, getFileIcon, compressImage } from './fileUtils.js';
+// Logger
+export { setLogsEnabled, chatLog, chatWarn, chatError } from './logger.js';

package/dist/utils/logger.d.ts

@@ -0,0 +1,4 @@
+export declare function setLogsEnabled(enabled: boolean): void;
+export declare function chatLog(...args: any[]): void;
+export declare function chatWarn(...args: any[]): void;
+export declare function chatError(...args: any[]): void;

package/dist/utils/logger.js

@@ -0,0 +1,28 @@
+var logsEnabled = true;
+export function setLogsEnabled(enabled) {
+    logsEnabled = enabled;
+}
+export function chatLog() {
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+    }
+    if (logsEnabled)
+        console.log.apply(console, args);
+}
+export function chatWarn() {
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+    }
+    if (logsEnabled)
+        console.warn.apply(console, args);
+}
+export function chatError() {
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+    }
+    // Errors are always shown regardless of showLogs
+    console.error.apply(console, args);
+}

package/package.json

@@ -0,0 +1,104 @@
+{
+	"name": "@widgetic/chat",
+	"version": "0.1.4",
+	"type": "module",
+	"main": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"svelte": "./dist/index.js",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js",
+			"default": "./dist/index.js"
+		},
+		"./components": {
+			"types": "./dist/components/index.d.ts",
+			"svelte": "./dist/components/index.js",
+			"default": "./dist/components/index.js"
+		},
+		"./stores": {
+			"types": "./dist/stores/index.d.ts",
+			"svelte": "./dist/stores/index.js",
+			"default": "./dist/stores/index.js"
+		},
+		"./services": {
+			"types": "./dist/services/index.d.ts",
+			"svelte": "./dist/services/index.js",
+			"default": "./dist/services/index.js"
+		},
+		"./types": {
+			"types": "./dist/types/index.d.ts",
+			"default": "./dist/types/index.js"
+		}
+	},
+	"files": [
+		"dist"
+	],
+	"scripts": {
+		"i": "npm run clean-modules && npm i && npm run lps",
+		"clean-modules": "rm -rf node_modules",
+		"lps": "volta run npm link --save @widgetic/api-sdk && volta run npm link --save @widgetic/design-system",
+		"dev": "npm run dev-sv -- --open",
+		"dev-sv": "NODE_ENV=development vite dev",
+		"build": "vite build",
+		"package": "svelte-package",
+		"package:watch": "svelte-package --watch",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --diagnostic-sources \"js,svelte\"",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"lint": "prettier --check . && eslint .",
+		"format": "prettier --write ."
+	},
+	"peerDependencies": {
+		"svelte": "^5.25.6",
+		"@widgetic/api-sdk": "*",
+		"@widgetic/design-system": ">=0.3.0"
+	},
+	"dependencies": {
+		"highlight.js": "^11.11.1",
+		"socket.io-client": "^4.7.5"
+	},
+	"devDependencies": {
+		"@sveltejs/adapter-auto": "^3.0.0",
+		"@sveltejs/adapter-node": "^5.2.3",
+		"@sveltejs/kit": "^2.20.3",
+		"@sveltejs/package": "^2.3.7",
+		"@sveltejs/vite-plugin-svelte": "^5.0.3",
+		"@tailwindcss/postcss": "^4.1.4",
+		"@types/eslint": "^9.6.0",
+		"autoprefixer": "^10.4.20",
+		"eslint": "^9.0.0",
+		"eslint-config-prettier": "^9.1.0",
+		"eslint-plugin-svelte": "^2.36.0",
+		"postcss": "^8.5.3",
+		"prettier": "^3.1.1",
+		"prettier-plugin-svelte": "^3.1.2",
+		"svelte": "^5.25.6",
+		"svelte-check": "^4.0.0",
+		"tailwind-merge": "^2.5.2",
+		"tailwind-variants": "^0.2.1",
+		"tailwindcss": "^4.1.4",
+		"typescript": "^5.8.3",
+		"typescript-eslint": "^8.0.0",
+		"vite": "^6.2.6",
+		"@widgetic/api-sdk": "^1.0.10",
+		"@widgetic/design-system": "^0.3.89"
+	},
+	"overrides": {
+		"bits-ui": {
+			"@melt-ui/svelte": "^0.86.3"
+		},
+		"vaul-svelte": {
+			"bits-ui": {
+				"@melt-ui/svelte": "^0.86.3"
+			}
+		},
+		"svelte": "^5.25.6"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"repository": {
+		"type": "git",
+		"url": "https://gitlab.com/widgeticai/Frontend/chat.git"
+	}
+}