oasis-chat 0.1.5 → 0.1.7

package/README.md

@@ -8,31 +8,68 @@
 npm install oasis-chat
 ```
 
-## Service Worker 설정
-
-이 라이브러리는 Service Worker를 통해 자동으로 CORS 문제를 해결합니다. Service Worker를 사용하려면 다음 단계를 따라주세요:
-
-1. Service Worker 파일을 프로젝트의 public 폴더(또는 정적 파일 디렉토리)에 복사합니다:
-
-```bash
-# Next.js, Create React App 등의 경우
-cp node_modules/oasis-chat/dist/sw.js public/sw.js
-
-# Vite 프로젝트의 경우
-cp node_modules/oasis-chat/dist/sw.js public/sw.js
-
-# 일반 정적 서버의 경우
-cp node_modules/oasis-chat/dist/sw.js ./sw.js
+## 프록시 설정
+
+이 라이브러리는 `/oasis` 경로로 API 요청을 보냅니다. CORS 문제를 해결하기 위해 프로젝트의 개발 서버나 프록시에서 `/oasis` 경로를 프록시하도록 설정해야 합니다.
+
+### 개발 서버 프록시 설정
+
+#### Vite
+
+```javascript
+// vite.config.js
+export default {
+  server: {
+    proxy: {
+      '/oasis': {
+        target: 'https://oasis-dev.haiqv.ai',
+        changeOrigin: true,
+        secure: true,
+        rewrite: (path) => path.replace(/^\/oasis/, '/api'),
+      },
+    },
+  },
+};
 ```
 
-2. Service Worker 파일이 루트 경로(`/sw.js`)에서 접근 가능한지 확인하세요.
+#### Next.js
+
+```javascript
+// next.config.js
+module.exports = {
+  async rewrites() {
+    return [
+      {
+        source: '/oasis/:path*',
+        destination: 'https://oasis-dev.haiqv.ai/api/:path*',
+      },
+    ];
+  },
+};
+```
 
-> **참고**: Service Worker 파일은 반드시 실제 HTTP/HTTPS URL에서 서빙되어야 합니다. blob URL이나 data URL은 지원되지 않습니다.
+#### Create React App
+
+```javascript
+// src/setupProxy.js (또는 package.json에 "proxy" 설정)
+const { createProxyMiddleware } = require('http-proxy-middleware');
+
+module.exports = function (app) {
+  app.use(
+    '/oasis',
+    createProxyMiddleware({
+      target: 'https://oasis-dev.haiqv.ai',
+      changeOrigin: true,
+      pathRewrite: {
+        '^/oasis': '/api',
+      },
+    })
+  );
+};
+```
 
 ## 사용 예시
 
-> **참고**: 이 라이브러리는 Service Worker를 통해 자동으로 CORS 문제를 해결합니다. 별도의 프록시 설정이 필요하지 않습니다.
-
 ### React
 
 React 프로젝트에서 사용할 때는 wrapper 컴포넌트를 사용하면 CSS를 별도로 import할 필요가 없습니다.