Merge remote-tracking branch 'upstream/dev' into feat/oauth

src/lib/utils/index.ts

@@ -506,13 +506,36 @@ export const removeEmojis = (str) => {
 	return str.replace(emojiRegex, '');
 };
 
+export const removeFormattings = (str) => {
+	return str.replace(/(\*)(.*?)\1/g, '').replace(/(```)(.*?)\1/gs, '');
+};
+
 export const extractSentences = (text) => {
-	// Split the paragraph into sentences based on common punctuation marks
-	const sentences = text.split(/(?<=[.!?])\s+/);
+	// This regular expression matches code blocks marked by triple backticks
+	const codeBlockRegex = /```[\s\S]*?```/g;
+
+	let codeBlocks = [];
+	let index = 0;
+
+	// Temporarily replace code blocks with placeholders and store the blocks separately
+	text = text.replace(codeBlockRegex, (match) => {
+		let placeholder = `\u0000${index}\u0000`; // Use a unique placeholder
+		codeBlocks[index++] = match;
+		return placeholder;
+	});
+
+	// Split the modified text into sentences based on common punctuation marks, avoiding these blocks
+	let sentences = text.split(/(?<=[.!?])\s+/);
+
+	// Restore code blocks and process sentences
+	sentences = sentences.map((sentence) => {
+		// Check if the sentence includes a placeholder for a code block
+		return sentence.replace(/\u0000(\d+)\u0000/g, (_, idx) => codeBlocks[idx]);
+	});
 
 	return sentences
-		.map((sentence) => removeEmojis(sentence.trim()))
-		.filter((sentence) => sentence !== '');
+		.map((sentence) => removeFormattings(removeEmojis(sentence.trim())))
+		.filter((sentence) => sentence);
 };
 
 export const extractSentencesForAudio = (text) => {

src/routes/(app)/playground/+page.svelte

 <script>
 	import { showSidebar } from '$lib/stores';
 
-	import Playground from '$lib/components/workspace/Playground.svelte';
+	import Playground from '$lib/components/playground/Playground.svelte';
 </script>
 
 <div