Update 3 files

sandpack-client/src/clients/node/client.utils.ts

@@ -1,5 +1,3 @@
-import { Buffer } from "buffer";
-
 import type { ShellCommandOptions } from "@codesandbox/nodebox/build/modules/shell";
 import { invariant } from "outvariant";
 
@@ -15,21 +13,20 @@ export function generateRandomId() {
   return (+`${now}${randomNumber}${count}`).toString(16);
 }
 
-export const writeBuffer = (
-  content: string | Uint8Array,
-  encoding: BufferEncoding = "utf8"
-): Uint8Array => {
+export const writeBuffer = (content: string | Uint8Array): Uint8Array => {
   if (typeof content === "string") {
-    return Buffer.from(content, encoding);
+    return new TextEncoder().encode(content);
   } else {
     return content;
   }
 };
 
 export const readBuffer = (content: string | Uint8Array): string => {
-  if (typeof content === "string") return content;
-
-  return Buffer.from(content).toString("utf-8");
+  if (typeof content === "string") {
+    return content;
+  } else {
+    return new TextDecoder().decode(content);
+  }
 };
 
 export const fromBundlerFilesToFS = (

sandpack-client/src/clients/node/index.ts

@@ -1,7 +1,5 @@
 /* eslint-disable no-console,@typescript-eslint/no-explicit-any,prefer-rest-params,@typescript-eslint/explicit-module-boundary-types */
 
-import { Buffer } from "buffer";
-
 import { PREVIEW_LOADED_MESSAGE_TYPE, Nodebox } from "@codesandbox/nodebox";
 import type {
   FilesMap,
@@ -383,7 +381,7 @@ export class SandpackNode extends SandpackClient {
       Object.entries(modules).forEach(([key, value]) => {
         if (
           !this._modulesCache.get(key) ||
-          Buffer.compare(value, this._modulesCache.get(key)) !== 0
+          readBuffer(value) !== readBuffer(this._modulesCache.get(key))
         ) {
           this.emulator.fs.writeFile(key, value, { recursive: true });
         }