From 7615c956c284b1865a9a1fecaa92e68be215c4ce Mon Sep 17 00:00:00 2001 From: KevIsDev Date: Mon, 14 Apr 2025 13:34:33 +0100 Subject: [PATCH] fix: optimize file watch paths for preview updates and fix npm crashes. Update the file watch paths in the previews store to only include relevant file types (e.g., HTML, CSS, JS) and exclude unnecessary directories (e.g., node_modules, dist). This reduces unnecessary file system events and improves performance. Also, update the @webcontainer/api dependency to the latest internal version for enhanced functionality, node20 etc. --- app/lib/stores/previews.ts | 6 +++++- package.json | 2 +- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/app/lib/stores/previews.ts b/app/lib/stores/previews.ts index 9fedb8e..1dd5487 100644 --- a/app/lib/stores/previews.ts +++ b/app/lib/stores/previews.ts @@ -154,7 +154,11 @@ export class PreviewsStore { try { // Watch for file changes webcontainer.internal.watchPaths( - { include: ['**/*'], exclude: ['**/node_modules', '.git'], includeContent: true }, + { + // Only watch specific file types that affect the preview + include: ['**/*.html', '**/*.css', '**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx', '**/*.json'], + exclude: ['**/node_modules/**', '**/.git/**', '**/dist/**', '**/build/**', '**/coverage/**'], + }, async (_events) => { const previews = this.previews.get(); diff --git a/package.json b/package.json index 5c1a793..2c7e157 100644 --- a/package.json +++ b/package.json @@ -101,7 +101,7 @@ "@types/react-beautiful-dnd": "^13.1.8", "@uiw/codemirror-theme-vscode": "^4.23.6", "@unocss/reset": "^0.61.9", - "@webcontainer/api": "1.3.0-internal.10", + "@webcontainer/api": "1.5.3-internal.2", "@xterm/addon-fit": "^0.10.0", "@xterm/addon-web-links": "^0.11.0", "@xterm/xterm": "^5.5.0",