refactor(web): web devtool

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';

web/src/dev.ts

@@ -0,0 +1,7 @@
+import { isDevelopment, request } from 'tailchat-shared';
+
+if (isDevelopment === true) {
+  (window as any).DEBUG = {
+    request,
+  };
+}

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';