diff --git a/shared/index.tsx b/shared/index.tsx
index f56e1896..571fd836 100644
--- a/shared/index.tsx
+++ b/shared/index.tsx
@@ -1,5 +1,6 @@
 // api
 export { buildStorage } from './api/buildStorage';
+export { request } from './api/request';
 export { createSocket } from './api/socket';
 export type { AppSocket } from './api/socket';
 
@@ -83,5 +84,5 @@ export {
   getMessageTimeDiff,
   formatShortTime,
 } from './utils/date-helper';
-export { isBrowser, isNavigator } from './utils/environment';
+export { isBrowser, isNavigator, isDevelopment } from './utils/environment';
 export { getTextColorHex } from './utils/string-helper';
diff --git a/web/src/dev.ts b/web/src/dev.ts
new file mode 100644
index 00000000..5735c6ad
--- /dev/null
+++ b/web/src/dev.ts
@@ -0,0 +1,7 @@
+import { isDevelopment, request } from 'tailchat-shared';
+
+if (isDevelopment === true) {
+  (window as any).DEBUG = {
+    request,
+  };
+}
diff --git a/web/src/index.tsx b/web/src/index.tsx
index 7e379c63..67e241b4 100644
--- a/web/src/index.tsx
+++ b/web/src/index.tsx
@@ -1,4 +1,5 @@
 import './init';
+import './dev';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { App } from './App';