feat: add browser mock implementation for chokidar and process environment

Author: hotlong

examples/app-react-crud/src/mocks/noop.ts

@@ -0,0 +1,19 @@
+// No-op for browser mocks
+export default {};
+export const watch = () => ({ on: () => {}, close: () => {} });
+export const promises = {};
+export const constants = {};
+export const readFileSync = () => '';
+export const statSync = () => ({ isFile: () => false, isDirectory: () => false });
+export const existsSync = () => false;
+export const join = (...args: string[]) => args.join('/');
+export const resolve = (...args: string[]) => args.join('/');
+export const dirname = () => '';
+export const basename = () => '';
+export const extname = () => '';
+export const inspect = () => '';
+export const inherits = () => {};
+export const EventEmitter = class { on() {} emit() {} };
+export const platform = 'browser';
+export const cwd = () => '/';
+export const env = {};

examples/app-react-crud/vite.config.ts

@@ -26,8 +26,15 @@ export default defineConfig({
       'os': path.resolve(__dirname, './mocks/node-polyfills.ts'),
       'crypto': path.resolve(__dirname, './mocks/node-polyfills.ts'),
       'url': path.resolve(__dirname, './mocks/node-polyfills.ts'),
+      // Fix for chokidar in browser
+      'chokidar': path.resolve(__dirname, './src/mocks/noop.ts'),
     }
   },
+  define: {
+    'process.env': {},
+    'process.cwd': '() => "/"',
+    'process.platform': '"browser"'
+  },
   plugins: [react()],
   server: {
     port: 3000,