index.ts 11.1 KB
Newer Older
1
2
import { v4 as uuidv4 } from 'uuid';
import sha256 from 'js-sha256';
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
import { getOllamaModels } from '$lib/apis/ollama';
import { getOpenAIModels } from '$lib/apis/openai';
import { getLiteLLMModels } from '$lib/apis/litellm';

export const getModels = async (token: string) => {
	let models = await Promise.all([
		await getOllamaModels(token).catch((error) => {
			console.log(error);
			return null;
		}),
		await getOpenAIModels(token).catch((error) => {
			console.log(error);
			return null;
		}),
		await getLiteLLMModels(token).catch((error) => {
			console.log(error);
			return null;
		})
	]);

	models = models
		.filter((models) => models)
		.reduce((a, e, i, arr) => a.concat(e, ...(i < arr.length - 1 ? [{ name: 'hr' }] : [])), []);

	return models;
};
29
30
31
32
33

//////////////////////////
// Helper functions
//////////////////////////

Timothy J. Baek's avatar
Timothy J. Baek committed
34
35
36
37
export const capitalizeFirstLetter = (string) => {
	return string.charAt(0).toUpperCase() + string.slice(1);
};

38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
export const splitStream = (splitOn) => {
	let buffer = '';
	return new TransformStream({
		transform(chunk, controller) {
			buffer += chunk;
			const parts = buffer.split(splitOn);
			parts.slice(0, -1).forEach((part) => controller.enqueue(part));
			buffer = parts[parts.length - 1];
		},
		flush(controller) {
			if (buffer) controller.enqueue(buffer);
		}
	});
};

export const convertMessagesToHistory = (messages) => {
54
	const history = {
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
		messages: {},
		currentId: null
	};

	let parentMessageId = null;
	let messageId = null;

	for (const message of messages) {
		messageId = uuidv4();

		if (parentMessageId !== null) {
			history.messages[parentMessageId].childrenIds = [
				...history.messages[parentMessageId].childrenIds,
				messageId
			];
		}

		history.messages[messageId] = {
			...message,
			id: messageId,
			parentId: parentMessageId,
			childrenIds: []
		};

		parentMessageId = messageId;
	}

	history.currentId = messageId;
	return history;
};

export const getGravatarURL = (email) => {
	// Trim leading and trailing whitespace from
	// an email address and force all characters
	// to lower case
	const address = String(email).trim().toLowerCase();

	// Create a SHA256 hash of the final string
	const hash = sha256(address);

	// Grab the actual image URL
	return `https://www.gravatar.com/avatar/${hash}`;
};
Timothy J. Baek's avatar
Timothy J. Baek committed
98

99
100
101
export const canvasPixelTest = () => {
	// Test a 1x1 pixel to potentially identify browser/plugin fingerprint blocking or spoofing
	// Inspiration: https://github.com/kkapsner/CanvasBlocker/blob/master/test/detectionTest.js
Danny Liu's avatar
Danny Liu committed
102
	const canvas = document.createElement('canvas');
103
104
105
106
107
108
109
	const ctx = canvas.getContext('2d');
	canvas.height = 1;
	canvas.width = 1;
	const imageData = new ImageData(canvas.width, canvas.height);
	const pixelValues = imageData.data;

	// Generate RGB test data
Danny Liu's avatar
Danny Liu committed
110
111
	for (let i = 0; i < imageData.data.length; i += 1) {
		if (i % 4 !== 3) {
112
			pixelValues[i] = Math.floor(256 * Math.random());
Danny Liu's avatar
Danny Liu committed
113
		} else {
114
115
116
117
118
119
120
121
			pixelValues[i] = 255;
		}
	}

	ctx.putImageData(imageData, 0, 0);
	const p = ctx.getImageData(0, 0, canvas.width, canvas.height).data;

	// Read RGB data and fail if unmatched
Danny Liu's avatar
Danny Liu committed
122
123
124
125
126
127
128
129
130
131
132
	for (let i = 0; i < p.length; i += 1) {
		if (p[i] !== pixelValues[i]) {
			console.log(
				'canvasPixelTest: Wrong canvas pixel RGB value detected:',
				p[i],
				'at:',
				i,
				'expected:',
				pixelValues[i]
			);
			console.log('canvasPixelTest: Canvas blocking or spoofing is likely');
133
134
135
136
137
			return false;
		}
	}

	return true;
Danny Liu's avatar
Danny Liu committed
138
};
139

140
export const generateInitialsImage = (name) => {
Danny Liu's avatar
Danny Liu committed
141
142
143
144
	const canvas = document.createElement('canvas');
	const ctx = canvas.getContext('2d');
	canvas.width = 100;
	canvas.height = 100;
145

146
	if (!canvasPixelTest()) {
Danny Liu's avatar
Danny Liu committed
147
148
149
		console.log(
			'generateInitialsImage: failed pixel test, fingerprint evasion is likely. Using default image.'
		);
150
151
152
		return '/user.png';
	}

Danny Liu's avatar
Danny Liu committed
153
154
	ctx.fillStyle = '#F39C12';
	ctx.fillRect(0, 0, canvas.width, canvas.height);
155

Danny Liu's avatar
Danny Liu committed
156
157
158
159
	ctx.fillStyle = '#FFFFFF';
	ctx.font = '40px Helvetica';
	ctx.textAlign = 'center';
	ctx.textBaseline = 'middle';
160

Danny Liu's avatar
Danny Liu committed
161
	const sanitizedName = name.trim();
Danny Liu's avatar
Danny Liu committed
162
163
164
165
166
167
168
	const initials =
		sanitizedName.length > 0
			? sanitizedName[0] +
			  (sanitizedName.split(' ').length > 1
					? sanitizedName[sanitizedName.lastIndexOf(' ') + 1]
					: '')
			: '';
Danny Liu's avatar
Danny Liu committed
169

Danny Liu's avatar
Danny Liu committed
170
	ctx.fillText(initials.toUpperCase(), canvas.width / 2, canvas.height / 2);
171

Danny Liu's avatar
Danny Liu committed
172
	return canvas.toDataURL();
173
174
};

Timothy J. Baek's avatar
Timothy J. Baek committed
175
export const copyToClipboard = (text) => {
Timothy J. Baek's avatar
Timothy J. Baek committed
176
	if (!navigator.clipboard) {
Timothy J. Baek's avatar
Timothy J. Baek committed
177
		const textArea = document.createElement('textarea');
Timothy J. Baek's avatar
Timothy J. Baek committed
178
179
180
181
182
183
184
185
186
187
188
189
		textArea.value = text;

		// Avoid scrolling to bottom
		textArea.style.top = '0';
		textArea.style.left = '0';
		textArea.style.position = 'fixed';

		document.body.appendChild(textArea);
		textArea.focus();
		textArea.select();

		try {
Timothy J. Baek's avatar
Timothy J. Baek committed
190
191
			const successful = document.execCommand('copy');
			const msg = successful ? 'successful' : 'unsuccessful';
Timothy J. Baek's avatar
Timothy J. Baek committed
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
			console.log('Fallback: Copying text command was ' + msg);
		} catch (err) {
			console.error('Fallback: Oops, unable to copy', err);
		}

		document.body.removeChild(textArea);
		return;
	}
	navigator.clipboard.writeText(text).then(
		function () {
			console.log('Async: Copying to clipboard was successful!');
		},
		function (err) {
			console.error('Async: Could not copy text: ', err);
		}
	);
};
Timothy J. Baek's avatar
Timothy J. Baek committed
209

Timothy J. Baek's avatar
Timothy J. Baek committed
210
export const compareVersion = (latest, current) => {
211
	return current === '0.0.0'
Timothy J. Baek's avatar
Timothy J. Baek committed
212
		? false
Timothy J. Baek's avatar
Timothy J. Baek committed
213
		: current.localeCompare(latest, undefined, {
214
215
216
217
				numeric: true,
				sensitivity: 'case',
				caseFirst: 'upper'
		  }) < 0;
Timothy J. Baek's avatar
Timothy J. Baek committed
218
};
Timothy J. Baek's avatar
Timothy J. Baek committed
219
220
221

export const findWordIndices = (text) => {
	const regex = /\[([^\]]+)\]/g;
222
	const matches = [];
Timothy J. Baek's avatar
Timothy J. Baek committed
223
224
225
226
227
228
229
230
231
232
233
234
	let match;

	while ((match = regex.exec(text)) !== null) {
		matches.push({
			word: match[1],
			startIndex: match.index,
			endIndex: regex.lastIndex - 1
		});
	}

	return matches;
};
235

Timothy J. Baek's avatar
Timothy J. Baek committed
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
export const removeFirstHashWord = (inputString) => {
	// Split the string into an array of words
	const words = inputString.split(' ');

	// Find the index of the first word that starts with #
	const index = words.findIndex((word) => word.startsWith('#'));

	// Remove the first word with #
	if (index !== -1) {
		words.splice(index, 1);
	}

	// Join the remaining words back into a string
	const resultString = words.join(' ');

	return resultString;
};

254
255
256
257
258
259
260
261
262
263
264
265
266
export const transformFileName = (fileName) => {
	// Convert to lowercase
	const lowerCaseFileName = fileName.toLowerCase();

	// Remove special characters using regular expression
	const sanitizedFileName = lowerCaseFileName.replace(/[^\w\s]/g, '');

	// Replace spaces with dashes
	const finalFileName = sanitizedFileName.replace(/\s+/g, '-');

	return finalFileName;
};

267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
export const calculateSHA256 = async (file) => {
	// Create a FileReader to read the file asynchronously
	const reader = new FileReader();

	// Define a promise to handle the file reading
	const readFile = new Promise((resolve, reject) => {
		reader.onload = () => resolve(reader.result);
		reader.onerror = reject;
	});

	// Read the file as an ArrayBuffer
	reader.readAsArrayBuffer(file);

	try {
		// Wait for the FileReader to finish reading the file
		const buffer = await readFile;

		// Convert the ArrayBuffer to a Uint8Array
		const uint8Array = new Uint8Array(buffer);

		// Calculate the SHA-256 hash using Web Crypto API
		const hashBuffer = await crypto.subtle.digest('SHA-256', uint8Array);

		// Convert the hash to a hexadecimal string
		const hashArray = Array.from(new Uint8Array(hashBuffer));
		const hashHex = hashArray.map((byte) => byte.toString(16).padStart(2, '0')).join('');

Timothy J. Baek's avatar
Timothy J. Baek committed
294
		return `${hashHex}`;
295
296
297
298
299
	} catch (error) {
		console.error('Error calculating SHA-256 hash:', error);
		throw error;
	}
};
300
301
302

export const getImportOrigin = (_chats) => {
	// Check what external service chat imports are from
Timothy J. Baek's avatar
Timothy J. Baek committed
303
304
305
306
307
	if ('mapping' in _chats[0]) {
		return 'openai';
	}
	return 'webui';
};
308

Timothy J. Baek's avatar
Timothy J. Baek committed
309
const convertOpenAIMessages = (convo) => {
310
	// Parse OpenAI chat messages and create chat dictionary for creating new chats
Timothy J. Baek's avatar
Timothy J. Baek committed
311
	const mapping = convo['mapping'];
312
	const messages = [];
Timothy J. Baek's avatar
Timothy J. Baek committed
313
	let currentId = '';
314
	let lastId = null;
315

Timothy J. Baek's avatar
Timothy J. Baek committed
316
317
	for (let message_id in mapping) {
		const message = mapping[message_id];
318
		currentId = message_id;
319
		try {
Timothy J. Baek's avatar
Timothy J. Baek committed
320
321
322
323
324
325
			if (
				messages.length == 0 &&
				(message['message'] == null ||
					(message['message']['content']['parts']?.[0] == '' &&
						message['message']['content']['text'] == null))
			) {
326
327
328
329
330
331
332
333
				// Skip chat messages with no content
				continue;
			} else {
				const new_chat = {
					id: message_id,
					parentId: lastId,
					childrenIds: message['children'] || [],
					role: message['message']?.['author']?.['role'] !== 'user' ? 'assistant' : 'user',
Timothy J. Baek's avatar
Timothy J. Baek committed
334
335
336
337
					content:
						message['message']?.['content']?.['parts']?.[0] ||
						message['message']?.['content']?.['text'] ||
						'',
338
339
340
341
342
343
344
345
					model: 'gpt-3.5-turbo',
					done: true,
					context: null
				};
				messages.push(new_chat);
				lastId = currentId;
			}
		} catch (error) {
Timothy J. Baek's avatar
Timothy J. Baek committed
346
			console.log('Error with', message, '\nError:', error);
347
		}
Timothy J. Baek's avatar
Timothy J. Baek committed
348
	}
349
350

	let history = {};
Timothy J. Baek's avatar
Timothy J. Baek committed
351
	messages.forEach((obj) => (history[obj.id] = obj));
352
353

	const chat = {
Timothy J. Baek's avatar
Timothy J. Baek committed
354
355
356
		history: {
			currentId: currentId,
			messages: history // Need to convert this to not a list and instead a json object
357
		},
Timothy J. Baek's avatar
Timothy J. Baek committed
358
		models: ['gpt-3.5-turbo'],
Timothy J. Baek's avatar
Timothy J. Baek committed
359
360
361
		messages: messages,
		options: {},
		timestamp: convo['create_time'],
Timothy J. Baek's avatar
Timothy J. Baek committed
362
		title: convo['title'] ?? 'New Chat'
Timothy J. Baek's avatar
Timothy J. Baek committed
363
364
365
	};
	return chat;
};
366

367
368
369
370
const validateChat = (chat) => {
	// Because ChatGPT sometimes has features we can't use like DALL-E or migh have corrupted messages, need to validate
	const messages = chat.messages;

Timothy J. Baek's avatar
Timothy J. Baek committed
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
	// Check if messages array is empty
	if (messages.length === 0) {
		return false;
	}

	// Last message's children should be an empty array
	const lastMessage = messages[messages.length - 1];
	if (lastMessage.childrenIds.length !== 0) {
		return false;
	}

	// First message's parent should be null
	const firstMessage = messages[0];
	if (firstMessage.parentId !== null) {
		return false;
	}

	// Every message's content should be a string
	for (let message of messages) {
		if (typeof message.content !== 'string') {
			return false;
		}
	}

	return true;
396
397
};

Timothy J. Baek's avatar
Timothy J. Baek committed
398
export const convertOpenAIChats = (_chats) => {
399
	// Create a list of dictionaries with each conversation from import
Timothy J. Baek's avatar
Timothy J. Baek committed
400
	const chats = [];
401
	let failed = 0;
Timothy J. Baek's avatar
Timothy J. Baek committed
402
	for (let convo of _chats) {
Timothy J. Baek's avatar
Timothy J. Baek committed
403
404
		const chat = convertOpenAIMessages(convo);

405
		if (validateChat(chat)) {
Timothy J. Baek's avatar
Timothy J. Baek committed
406
407
408
409
410
411
412
			chats.push({
				id: convo['id'],
				user_id: '',
				title: convo['title'],
				chat: chat,
				timestamp: convo['timestamp']
			});
Timothy J. Baek's avatar
Timothy J. Baek committed
413
414
415
		} else {
			failed++;
		}
416
	}
Timothy J. Baek's avatar
Timothy J. Baek committed
417
	console.log(failed, 'Conversations could not be imported');
Timothy J. Baek's avatar
Timothy J. Baek committed
418
419
	return chats;
};
Timothy J. Baek's avatar
Timothy J. Baek committed
420
421
422
423
424
425
426
427
428
429
430
431

export const isValidHttpUrl = (string) => {
	let url;

	try {
		url = new URL(string);
	} catch (_) {
		return false;
	}

	return url.protocol === 'http:' || url.protocol === 'https:';
};
Timothy J. Baek's avatar
Timothy J. Baek committed
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448

export const removeEmojis = (str) => {
	// Regular expression to match emojis
	const emojiRegex = /[\uD800-\uDBFF][\uDC00-\uDFFF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g;

	// Replace emojis with an empty string
	return str.replace(emojiRegex, '');
};

export const extractSentences = (text) => {
	// Split the paragraph into sentences based on common punctuation marks
	const sentences = text.split(/(?<=[.!?])/);

	return sentences
		.map((sentence) => removeEmojis(sentence.trim()))
		.filter((sentence) => sentence !== '');
};
Timothy J. Baek's avatar
Timothy J. Baek committed
449
450
451
452
453
454

export const blobToFile = (blob, fileName) => {
	// Create a new File object from the Blob
	const file = new File([blob], fileName, { type: blob.type });
	return file;
};