回复

package.json

@@ -52,7 +52,6 @@
 		"@codemirror/lang-javascript": "^6.2.2",
 		"@codemirror/lang-python": "^6.1.6",
 		"@codemirror/theme-one-dark": "^6.1.2",
-		"@codesandbox/sandpack-client": "^2.19.0",
 		"@pyscript/core": "^0.4.32",
 		"@sveltejs/adapter-node": "^2.0.0",
 		"async": "^3.2.5",

src/lib/components/chat/Messages/CodeBlock.svelte

@@ -3,8 +3,6 @@
 	import { loadPyodide } from 'pyodide';
 	import mermaid from 'mermaid';
 
-	import { loadSandpackClient } from '@codesandbox/sandpack-client';
-
 	import { v4 as uuidv4 } from 'uuid';
 
 	import { getContext, getAllContexts, onMount } from 'svelte';
@@ -215,37 +213,6 @@ __builtins__.input = input`);
 		};
 	};
 
-	let sandpackIframe;
-	let sandpackClient;
-	const executeHTML = async (code) => {
-		// Initialize Sandpack client
-		const content = {
-			files: {
-				'/package.json': {
-					code: JSON.stringify({
-						main: 'index.html',
-						devDependencies: {}
-					})
-				},
-				'/index.html': { code }
-			},
-			environment: 'vanilla',
-			template: 'static'
-		};
-		if (sandpackClient) {
-			sandpackClient.updateSandbox(content);
-		} else {
-			sandpackClient = await loadSandpackClient(sandpackIframe, content, {
-				showOpenInCodeSandbox: true
-			});
-		}
-	};
-	$: if (lang.toLowerCase() == 'php' || lang.toLowerCase() == 'html') {
-		if (!!sandpackIframe) {
-			executeHTML(code);
-		}
-	}
-
 	let debounceTimeout;
 
 	const drawMermaidDiagram = async () => {
@@ -352,18 +319,4 @@ __builtins__.input = input`);
 			</div>
 		{/if}
 	{/if}
-	{#if lang.toLowerCase() == 'php' || lang.toLowerCase() == 'html'}
-		<div class="bg-[#202123] text-white px-4 py-4 rounded-b-lg">
-			<div class="text-gray-500 text-xs mb-1 flex justify-between items-center">
-				<span>HTML</span>
-				<button
-					class="copy-code-button bg-none border-none p-1"
-					on:click={() => {
-						executeHTML(code);
-					}}>Refresh</button
-				>
-			</div>
-			<iframe bind:this={sandpackIframe} title="HTML Preview" class="w-full h-96 mt-4 bg-white" />
-		</div>
-	{/if}
 </div>