reqwise-react 1.1.0 → 1.1.4

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> reqwise-react@1.0.0 build C:\Users\PC\Desktop\Code\reqwise\packages\react
+> reqwise-react@1.1.3 build C:\Users\PC\Desktop\Code\reqwise\packages\react
 > tsup
 
 CLI Building entry: src/index.ts
@@ -10,13 +10,9 @@
 CLI Cleaning output folder
 CJS Build start
 ESM Build start
-CJS dist\index.js     4.69 KB
-CJS dist\index.js.map 5.41 KB
-CJS ⚡️ Build success in 15ms
-ESM dist\index.mjs     2.85 KB
-ESM dist\index.mjs.map 5.25 KB
-ESM ⚡️ Build success in 16ms
-DTS Build start
-DTS ⚡️ Build success in 602ms
-DTS dist\index.d.ts  2.17 KB
-DTS dist\index.d.mts 2.17 KB
+ESM dist\index.mjs     2.96 KB
+ESM dist\index.mjs.map 5.45 KB
+ESM ⚡️ Build success in 11ms
+CJS dist\index.js     4.92 KB
+CJS dist\index.js.map 5.62 KB
+CJS ⚡️ Build success in 11ms

package/README.md

@@ -0,0 +1,317 @@
+# Reqwise React 🚀
+
+> **Reqwise** is a powerful, production-ready React component that captures, logs, and visualizes HTTP API requests (Axios/Fetch) within React applications.
+
+It operates like a mini **Postman** or **Chrome DevTools Network** panel embedded directly inside your React app. Through a floating aside panel, developers can inspect requests in real-time, browse page history, analyze API endpoints, and send manual test requests with a single click.
+
+**Version:** 1.1.3 | **Status:** Production Ready | **React:** 17+
+
+---
+
+## ✨ Core Features
+
+### 🔄 HTTP Interception & Logging
+- **Full HTTP Capture:** Automatically logs all request/response payloads (method, URL, headers, body, status, duration)
+- **Axios & Fetch Support:** Works seamlessly with Axios interceptors or native fetch API
+- **Request Timing:** Precise measurement of round-trip duration for performance analysis
+- **Error Tracking:** Captures network errors, timeouts, and HTTP error responses with stack traces
+
+### 💾 Smart Persistence
+- **localStorage Integration:** Stores all request history under `reqwise_history_v1` key
+- **Auto-Cleanup:** Configurable `maxItems` limit with oldest-first eviction strategy
+- **TTL Support:** Automatic deletion of entries older than configurable `historyTTL` (in days)
+
+### 🛡️ Security & Privacy
+- **Header Masking:** Redact sensitive headers like `Authorization`, `Cookie`, `X-API-Key`
+- **Field Masking:** Obfuscate nested JSON fields like `password`, `token`, `ssn`, `cvv`
+- **Smart Ignore Patterns:** Skip unwanted URLs with regex/substring matching
+- **No Data Transmission:** All data stays local; no external calls made
+
+### 🌍 Internationalization (i18n)
+- **15 Languages Built-in:** English, Turkish, Azerbaijani, Russian, German, French, Spanish, Portuguese, Chinese, Japanese, Arabic, Korean, Italian, Polish, Dutch
+- **Runtime Switching:** Language selector in the panel
+- **Smart Detection:** Auto-detects browser language
+
+### ⌨️ Keyboard & Hotkey Support
+- **Customizable Hotkeys:** Toggle panel with keyboard shortcut (default: `ctrl+shift+e`)
+- **Cross-platform:** Works on Windows, Mac, Linux
+
+### 🎨 UI & UX Enhancements
+- **4 Tabbed Interface:**
+  - **Current Tab:** Requests from current page
+  - **History Tab:** All captured requests with filtering (method, status, page)
+  - **Send Tab:** Mini HTTP client — compose and send test requests
+  - **Endpoints Tab:** Auto-discovered API endpoints with statistics
+- **Placement Flexibility:** 4 positions (top, right, bottom, left)
+- **Theme Support:** Dark, Light, and System themes
+- **Responsive Sizing:** 4 size presets (sm, md, lg, full)
+- **Opacity Control:** Configurable opacity (0.0–1.0)
+
+### 🔍 Filtering & Search
+- **Method Filter:** GET, POST, PUT, PATCH, DELETE
+- **Status Filter:** All, Success (2xx), Client Errors (4xx), Server Errors (5xx)
+- **URL Search:** Text filter by URL patterns
+
+### 📊 Endpoint Intelligence
+- **Auto-Discovery:** Learns all API endpoints from captured requests
+- **Statistics:** Per-endpoint hit count, HTTP methods, parameter types
+- **Example Collection:** Stores real-world parameter examples
+
+### 📤 Advanced Features
+- **Callback Hooks:**
+  - `onRequest(entry)` — fires when request starts
+  - `onResponse(entry)` — fires on successful response
+  - `onError(entry)` — fires on HTTP error
+- **Request Grouping:** Group by URL, method, status, or page
+- **Highlight Mode:** Highlight error or slow requests
+
+---
+
+## 📦 Installation
+
+```bash
+npm install reqwise-react axios
+# or
+pnpm add reqwise-react axios
+```
+
+**Note:** Axios is optional but recommended for auto-capture. You can use Reqwise without it via manual recording.
+
+---
+
+## 🚀 Quick Start
+
+### Basic Setup
+```jsx
+import { ReqwiseDevTools } from 'reqwise-react'
+import axios from 'axios'
+
+export default function App() {
+  const api = axios.create({
+    baseURL: 'https://api.example.com'
+  })
+
+  return (
+    <>
+      <ReqwiseDevTools axiosInstance={api} />
+      {/* Your app */}
+    </>
+  )
+}
+```
+
+### Production Configuration
+```jsx
+import { ReqwiseDevTools } from 'reqwise-react'
+import axios from 'axios'
+
+const api = axios.create({
+  baseURL: 'https://api.example.com',
+  timeout: 5000,
+})
+
+export default function App() {
+  return (
+    <ReqwiseDevTools
+      axiosInstance={api}
+      enabled={process.env.NODE_ENV === 'development'}
+      placement="right"
+      theme="dark"
+      show="detailed"
+      size="lg"
+      defaultOpen={false}
+      maxItems={500}
+      persistHistory={true}
+      hotkey="ctrl+shift+e"
+      langs={['en', 'tr']}
+      defaultLang="en"
+      ignore={['/health', '/ping']}
+      maskHeaders={['Authorization', 'X-API-Key']}
+      maskFields={['password', 'token', 'secret']}
+      groupBy="url"
+      highlight="error"
+      onRequest={(e) => console.log('Request:', e.method, e.url)}
+      onResponse={(e) => console.log('Response:', e.status, e.duration)}
+      onError={(e) => console.error('Error:', e.status, e.url)}
+    />
+  )
+}
+```
+
+---
+
+## Props API
+
+### Core Configuration
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `axiosInstance` | AxiosInstance | - | Axios instance to monitor (required for auto-capture) |
+| `enabled` | boolean | true | Enable/disable panel |
+| `placement` | 'left' \| 'right' \| 'top' \| 'bottom' | 'right' | Panel position |
+| `defaultOpen` | boolean | false | Open on mount |
+| `theme` | 'dark' \| 'light' \| 'system' | 'system' | Color theme |
+| `hotkey` | string | 'ctrl+shift+e' | Keyboard shortcut to toggle |
+
+### Display Options
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `show` | 'general' \| 'detailed' | 'general' | Request card detail level |
+| `size` | 'sm' \| 'md' \| 'lg' \| 'full' | 'md' | Panel size |
+| `opacity` | number | 1 | Panel opacity (0-1) |
+
+### Data Management
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `maxItems` | number | 500 | Max requests to store |
+| `persistHistory` | boolean | true | Save to localStorage |
+| `ignore` | string[] | [] | URL patterns to ignore |
+| `maskHeaders` | string[] | [] | Headers to mask |
+| `maskFields` | string[] | [] | JSON fields to mask |
+
+### Grouping & Highlighting
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `groupBy` | 'url' \| 'method' \| 'status' \| 'page' | - | Group requests by |
+| `highlight` | 'error' \| 'slow' | 'error' | Highlight type |
+
+### Localization
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `langs` | string[] | ['en'] | Supported languages |
+| `defaultLang` | string | 'en' | Initial language |
+
+### Callbacks
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `onRequest` | (entry) => void | Called when request starts |
+| `onResponse` | (entry) => void | Called on successful response |
+| `onError` | (entry) => void | Called on HTTP error |
+
+---
+
+## 🎯 Use Cases
+
+### 1. Development Debugging
+```jsx
+<ReqwiseDevTools
+  axiosInstance={api}
+  show="detailed"
+  defaultOpen={true}
+/>
+```
+
+### 2. API Documentation
+```jsx
+<ReqwiseDevTools
+  axiosInstance={api}
+  placement="right"
+  size="lg"
+  // Auto-discovers endpoints from actual traffic
+/>
+```
+
+### 3. Performance Monitoring
+```jsx
+<ReqwiseDevTools
+  axiosInstance={api}
+  highlight="slow"
+  onResponse={(e) => {
+    if (e.duration && e.duration > 1000) {
+      console.warn('Slow API:', e.url, e.duration + 'ms')
+    }
+  }}
+/>
+```
+
+### 4. Error Tracking
+```jsx
+<ReqwiseDevTools
+  axiosInstance={api}
+  onError={(e) => {
+    // Send to Sentry, LogRocket, etc.
+    errorTracker.captureException({
+      status: e.status,
+      url: e.url,
+      error: e.error?.message,
+    })
+  }}
+/>
+```
+
+---
+
+## 🔒 Security & Privacy
+
+1. **No Network Calls:** Reqwise never sends data anywhere
+2. **Masking Works Offline:** Sensitive data redacted before storage
+3. **Development-Only:** Disable in production
+4. **localStorage Isolation:** Uses dedicated key `reqwise_history_v1`
+5. **GDPR Friendly:** TTL support for auto-deletion
+
+---
+
+## 🚀 Performance
+
+- **Bundle Size:** ~8KB gzipped (React wrapper only)
+- **Runtime Overhead:** <2ms per request
+- **Memory Usage:** ~100KB for 200 entries
+- **No Memory Leaks:** Proper cleanup on unmount
+
+---
+
+## 🌐 Browser Support
+
+- Chrome/Edge 90+
+- Firefox 88+
+- Safari 14+
+- All modern React versions (17+)
+
+---
+
+## 📝 TypeScript Support
+
+Full TypeScript support with type definitions included:
+
+```typescript
+import { ReqwiseDevTools } from 'reqwise-react'
+import type { ReqwiseEntry, ReqwiseConfig } from 'reqwise-core'
+import axios from 'axios'
+
+const api = axios.create()
+
+const handleResponse = (entry: ReqwiseEntry) => {
+  console.log(entry.status, entry.duration)
+}
+
+export function App() {
+  return (
+    <ReqwiseDevTools
+      axiosInstance={api}
+      onResponse={handleResponse}
+    />
+  )
+}
+```
+
+---
+
+## 📚 Resources
+
+- [Reqwise Core](https://www.npmjs.com/package/reqwise-core) — Core package
+- [GitHub](https://github.com/reqwise/reqwise) — Source code & issues
+
+---
+
+## 📄 License
+
+MIT © Ali Zadeh
+
+---
+
+**Reqwise** makes debugging HTTP requests in React apps dramatically easier. Enjoy! 🎉

package/dist/index.js

@@ -46,7 +46,7 @@ module.exports = __toCommonJS(index_exports);
 
 // src/ReqwiseDevTools.tsx
 var import_react = require("react");
-var import_core2 = require("@reqwise/core");
+var import_reqwise_core2 = require("reqwise-core");
 
 // src/ReqwiseClient.ts
 var ReqwiseClient_exports = {};
@@ -62,47 +62,47 @@ __export(ReqwiseClient_exports, {
   record: () => record,
   wrapAxios: () => wrapAxios
 });
-var import_core = __toESM(require("@reqwise/core"));
+var import_reqwise_core = __toESM(require("reqwise-core"));
 var _axiosInstance = null;
 function init(cfg) {
-  import_core.default.ReqwiseClient.init(cfg);
+  import_reqwise_core.default.ReqwiseClient.init(cfg);
 }
 function wrapAxios(instance) {
   _axiosInstance = instance;
-  import_core.default.ReqwiseClient.wrapAxios(instance);
+  import_reqwise_core.default.ReqwiseClient.wrapAxios(instance);
 }
 async function get(url, cfg) {
   if (_axiosInstance && typeof _axiosInstance.get === "function") {
     return _axiosInstance.get(url, cfg);
   }
-  return import_core.default.ReqwiseClient.get(url, cfg);
+  return import_reqwise_core.default.ReqwiseClient.get(url, cfg);
 }
 async function post(url, body, cfg) {
   if (_axiosInstance && typeof _axiosInstance.post === "function") {
     return _axiosInstance.post(url, body, cfg);
   }
-  return import_core.default.ReqwiseClient.post(url, body, cfg);
+  return import_reqwise_core.default.ReqwiseClient.post(url, body, cfg);
 }
 async function put(url, body, cfg) {
   if (_axiosInstance && typeof _axiosInstance.put === "function") {
     return _axiosInstance.put(url, body, cfg);
   }
-  return import_core.default.ReqwiseClient.put(url, body, cfg);
+  return import_reqwise_core.default.ReqwiseClient.put(url, body, cfg);
 }
 async function patch(url, body, cfg) {
   if (_axiosInstance && typeof _axiosInstance.patch === "function") {
     return _axiosInstance.patch(url, body, cfg);
   }
-  return import_core.default.ReqwiseClient.patch(url, body, cfg);
+  return import_reqwise_core.default.ReqwiseClient.patch(url, body, cfg);
 }
 async function del(url, cfg) {
   if (_axiosInstance && typeof _axiosInstance.delete === "function") {
     return _axiosInstance.delete(url, cfg);
   }
-  return import_core.default.ReqwiseClient.delete(url, cfg);
+  return import_reqwise_core.default.ReqwiseClient.delete(url, cfg);
 }
-var fetch = import_core.default.ReqwiseClient.fetch;
-var record = import_core.default.ReqwiseClient.record;
+var fetch = import_reqwise_core.default.ReqwiseClient.fetch;
+var record = import_reqwise_core.default.ReqwiseClient.record;
 var ReqwiseClient_default = {
   init,
   wrapAxios,
@@ -124,15 +124,18 @@ function ReqwiseDevTools(props) {
       if (props.axiosInstance) {
         wrapAxios(props.axiosInstance);
       }
-      import_core2.panel.setRenderer(import_core2.renderer);
-      import_core2.panel.mount({
+      (0, import_reqwise_core2.rendererSetConfig)(props);
+      import_reqwise_core2.panel.setRenderer(import_reqwise_core2.renderer);
+      import_reqwise_core2.panel.mount({
         defaultOpen: props.defaultOpen,
         placement: props.placement,
         hotkey: props.hotkey,
-        theme: props.theme
+        theme: props.theme,
+        size: props.size,
+        opacity: props.opacity
       });
       return () => {
-        import_core2.panel.unmount();
+        import_reqwise_core2.panel.unmount();
       };
     } catch (e) {
       console.error("[reqwise] ReqwiseDevTools error", e);

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/ReqwiseDevTools.tsx","../src/ReqwiseClient.ts"],"sourcesContent":["import ReqwiseDevTools from './ReqwiseDevTools'\r\nimport * as ReqwiseClient from './ReqwiseClient'\r\n\r\nexport { ReqwiseDevTools }\r\nexport * from './ReqwiseClient'\r\n\r\nconst _default = {\r\n\tReqwiseDevTools,\r\n\t...ReqwiseClient,\r\n}\r\n\r\nexport default _default\r\n","import React, { useEffect } from 'react'\r\nimport { panel, renderer } from '@reqwise/core'\r\nimport * as ReqwiseClient from './ReqwiseClient'\r\nimport type { ReqwiseConfig } from '@reqwise/core'\r\n\r\ntype ReqwiseDevToolsProps = ReqwiseConfig & {\r\n  enabled?: boolean\r\n}\r\n\r\nexport default function ReqwiseDevTools(props: ReqwiseDevToolsProps): React.ReactElement | null {\r\n  // No-op if disabled\r\n  if (props.enabled === false) return null\r\n\r\n  useEffect(() => {\r\n    try {\r\n      // Initialize core client with config\r\n      ReqwiseClient.init(props)\r\n\r\n      // Wrap axios instance if provided\r\n      if (props.axiosInstance) {\r\n        ReqwiseClient.wrapAxios(props.axiosInstance)\r\n      }\r\n\r\n      // Set renderer before mounting\r\n      panel.setRenderer(renderer)\r\n\r\n      // Mount panel into document.body\r\n      panel.mount({\r\n        defaultOpen: props.defaultOpen,\r\n        placement: props.placement,\r\n        hotkey: props.hotkey,\r\n        theme: props.theme,\r\n      })\r\n\r\n      return () => {\r\n        panel.unmount()\r\n      }\r\n    } catch (e) {\r\n      console.error('[reqwise] ReqwiseDevTools error', e)\r\n    }\r\n  }, [])\r\n\r\n  // Nothing to render in React tree — aside renders directly to document.body\r\n  return null\r\n}\r\n","import Core from '@reqwise/core'\r\nimport type { ReqwiseConfig, RequestConfig } from '@reqwise/core'\r\n\r\nlet _axiosInstance: any = null\r\n\r\nexport function init(cfg?: Partial<ReqwiseConfig>) {\r\n  Core.ReqwiseClient.init(cfg)\r\n}\r\n\r\nexport function wrapAxios(instance: any) {\r\n  _axiosInstance = instance\r\n  Core.ReqwiseClient.wrapAxios(instance)\r\n}\r\n\r\nexport async function get(url: string, cfg?: RequestConfig) {\r\n  if (_axiosInstance && typeof _axiosInstance.get === 'function') {\r\n    return _axiosInstance.get(url, cfg)\r\n  }\r\n  return Core.ReqwiseClient.get(url, cfg)\r\n}\r\n\r\nexport async function post(url: string, body?: any, cfg?: RequestConfig) {\r\n  if (_axiosInstance && typeof _axiosInstance.post === 'function') {\r\n    return _axiosInstance.post(url, body, cfg)\r\n  }\r\n  return Core.ReqwiseClient.post(url, body, cfg)\r\n}\r\n\r\nexport async function put(url: string, body?: any, cfg?: RequestConfig) {\r\n  if (_axiosInstance && typeof _axiosInstance.put === 'function') {\r\n    return _axiosInstance.put(url, body, cfg)\r\n  }\r\n  return Core.ReqwiseClient.put(url, body, cfg)\r\n}\r\n\r\nexport async function patch(url: string, body?: any, cfg?: RequestConfig) {\r\n  if (_axiosInstance && typeof _axiosInstance.patch === 'function') {\r\n    return _axiosInstance.patch(url, body, cfg)\r\n  }\r\n  return Core.ReqwiseClient.patch(url, body, cfg)\r\n}\r\n\r\nexport async function del(url: string, cfg?: RequestConfig) {\r\n  if (_axiosInstance && typeof _axiosInstance.delete === 'function') {\r\n    return _axiosInstance.delete(url, cfg)\r\n  }\r\n  return Core.ReqwiseClient.delete(url, cfg)\r\n}\r\n\r\nexport const fetch = Core.ReqwiseClient.fetch\r\nexport const record = Core.ReqwiseClient.record\r\n\r\nexport default {\r\n  init,\r\n  wrapAxios,\r\n  get,\r\n  post,\r\n  put,\r\n  patch,\r\n  delete: del,\r\n  fetch,\r\n  record,\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAiC;AACjC,IAAAA,eAAgC;;;ACDhC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AAGjB,IAAI,iBAAsB;AAEnB,SAAS,KAAK,KAA8B;AACjD,cAAAC,QAAK,cAAc,KAAK,GAAG;AAC7B;AAEO,SAAS,UAAU,UAAe;AACvC,mBAAiB;AACjB,cAAAA,QAAK,cAAc,UAAU,QAAQ;AACvC;AAEA,eAAsB,IAAI,KAAa,KAAqB;AAC1D,MAAI,kBAAkB,OAAO,eAAe,QAAQ,YAAY;AAC9D,WAAO,eAAe,IAAI,KAAK,GAAG;AAAA,EACpC;AACA,SAAO,YAAAA,QAAK,cAAc,IAAI,KAAK,GAAG;AACxC;AAEA,eAAsB,KAAK,KAAa,MAAY,KAAqB;AACvE,MAAI,kBAAkB,OAAO,eAAe,SAAS,YAAY;AAC/D,WAAO,eAAe,KAAK,KAAK,MAAM,GAAG;AAAA,EAC3C;AACA,SAAO,YAAAA,QAAK,cAAc,KAAK,KAAK,MAAM,GAAG;AAC/C;AAEA,eAAsB,IAAI,KAAa,MAAY,KAAqB;AACtE,MAAI,kBAAkB,OAAO,eAAe,QAAQ,YAAY;AAC9D,WAAO,eAAe,IAAI,KAAK,MAAM,GAAG;AAAA,EAC1C;AACA,SAAO,YAAAA,QAAK,cAAc,IAAI,KAAK,MAAM,GAAG;AAC9C;AAEA,eAAsB,MAAM,KAAa,MAAY,KAAqB;AACxE,MAAI,kBAAkB,OAAO,eAAe,UAAU,YAAY;AAChE,WAAO,eAAe,MAAM,KAAK,MAAM,GAAG;AAAA,EAC5C;AACA,SAAO,YAAAA,QAAK,cAAc,MAAM,KAAK,MAAM,GAAG;AAChD;AAEA,eAAsB,IAAI,KAAa,KAAqB;AAC1D,MAAI,kBAAkB,OAAO,eAAe,WAAW,YAAY;AACjE,WAAO,eAAe,OAAO,KAAK,GAAG;AAAA,EACvC;AACA,SAAO,YAAAA,QAAK,cAAc,OAAO,KAAK,GAAG;AAC3C;AAEO,IAAM,QAAQ,YAAAA,QAAK,cAAc;AACjC,IAAM,SAAS,YAAAA,QAAK,cAAc;AAEzC,IAAO,wBAAQ;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AACF;;;ADrDe,SAAR,gBAAiC,OAAwD;AAE9F,MAAI,MAAM,YAAY,MAAO,QAAO;AAEpC,8BAAU,MAAM;AACd,QAAI;AAEF,MAAc,KAAK,KAAK;AAGxB,UAAI,MAAM,eAAe;AACvB,QAAc,UAAU,MAAM,aAAa;AAAA,MAC7C;AAGA,yBAAM,YAAY,qBAAQ;AAG1B,yBAAM,MAAM;AAAA,QACV,aAAa,MAAM;AAAA,QACnB,WAAW,MAAM;AAAA,QACjB,QAAQ,MAAM;AAAA,QACd,OAAO,MAAM;AAAA,MACf,CAAC;AAED,aAAO,MAAM;AACX,2BAAM,QAAQ;AAAA,MAChB;AAAA,IACF,SAAS,GAAG;AACV,cAAQ,MAAM,mCAAmC,CAAC;AAAA,IACpD;AAAA,EACF,GAAG,CAAC,CAAC;AAGL,SAAO;AACT;;;ADtCA,IAAM,WAAW;AAAA,EAChB;AAAA,EACA,GAAG;AACJ;AAEA,IAAO,gBAAQ;","names":["import_core","Core"]}
+{"version":3,"sources":["../src/index.ts","../src/ReqwiseDevTools.tsx","../src/ReqwiseClient.ts"],"sourcesContent":["export { ReqwiseDevTools } from './ReqwiseDevTools'\r\nexport * from './ReqwiseClient'\r\n\r\nimport * as ReqwiseClient from './ReqwiseClient'\r\nimport { ReqwiseDevTools } from './ReqwiseDevTools'\r\n\r\nconst _default = {\r\n\tReqwiseDevTools,\r\n\t...ReqwiseClient,\r\n}\r\n\r\nexport default _default\r\n","import React, { useEffect } from 'react'\r\nimport { panel, renderer, rendererSetConfig } from 'reqwise-core'\r\nimport * as ReqwiseClient from './ReqwiseClient'\r\nimport type { ReqwiseConfig } from 'reqwise-core'\r\n\r\ntype ReqwiseDevToolsProps = ReqwiseConfig & {\r\n  enabled?: boolean\r\n}\r\n\r\nexport function ReqwiseDevTools(props: ReqwiseDevToolsProps): React.ReactElement | null {\r\n  // No-op if disabled\r\n  if (props.enabled === false) return null\r\n\r\n  useEffect(() => {\r\n    try {\r\n      // Initialize core client with config\r\n      ReqwiseClient.init(props)\r\n\r\n      // Wrap axios instance if provided\r\n      if (props.axiosInstance) {\r\n        ReqwiseClient.wrapAxios(props.axiosInstance)\r\n      }\r\n\r\n      // Set renderer config and mount\r\n      rendererSetConfig(props)\r\n      panel.setRenderer(renderer)\r\n\r\n      // Mount panel into document.body\r\n      panel.mount({\r\n        defaultOpen: props.defaultOpen,\r\n        placement: props.placement,\r\n        hotkey: props.hotkey,\r\n        theme: props.theme,\r\n        size: props.size,\r\n        opacity: props.opacity,\r\n      })\r\n\r\n      return () => {\r\n        panel.unmount()\r\n      }\r\n    } catch (e) {\r\n      console.error('[reqwise] ReqwiseDevTools error', e)\r\n    }\r\n  }, [])\r\n\r\n  // Nothing to render in React tree — aside renders directly to document.body\r\n  return null\r\n}\r\n","import Core from 'reqwise-core'\r\nimport type { ReqwiseConfig, RequestConfig } from 'reqwise-core'\r\n\r\nlet _axiosInstance: any = null\r\n\r\nexport function init(cfg?: Partial<ReqwiseConfig>) {\r\n  Core.ReqwiseClient.init(cfg)\r\n}\r\n\r\nexport function wrapAxios(instance: any) {\r\n  _axiosInstance = instance\r\n  Core.ReqwiseClient.wrapAxios(instance)\r\n}\r\n\r\nexport async function get(url: string, cfg?: RequestConfig) {\r\n  if (_axiosInstance && typeof _axiosInstance.get === 'function') {\r\n    return _axiosInstance.get(url, cfg)\r\n  }\r\n  return Core.ReqwiseClient.get(url, cfg)\r\n}\r\n\r\nexport async function post(url: string, body?: any, cfg?: RequestConfig) {\r\n  if (_axiosInstance && typeof _axiosInstance.post === 'function') {\r\n    return _axiosInstance.post(url, body, cfg)\r\n  }\r\n  return Core.ReqwiseClient.post(url, body, cfg)\r\n}\r\n\r\nexport async function put(url: string, body?: any, cfg?: RequestConfig) {\r\n  if (_axiosInstance && typeof _axiosInstance.put === 'function') {\r\n    return _axiosInstance.put(url, body, cfg)\r\n  }\r\n  return Core.ReqwiseClient.put(url, body, cfg)\r\n}\r\n\r\nexport async function patch(url: string, body?: any, cfg?: RequestConfig) {\r\n  if (_axiosInstance && typeof _axiosInstance.patch === 'function') {\r\n    return _axiosInstance.patch(url, body, cfg)\r\n  }\r\n  return Core.ReqwiseClient.patch(url, body, cfg)\r\n}\r\n\r\nexport async function del(url: string, cfg?: RequestConfig) {\r\n  if (_axiosInstance && typeof _axiosInstance.delete === 'function') {\r\n    return _axiosInstance.delete(url, cfg)\r\n  }\r\n  return Core.ReqwiseClient.delete(url, cfg)\r\n}\r\n\r\nexport const fetch = Core.ReqwiseClient.fetch\r\nexport const record = Core.ReqwiseClient.record\r\n\r\nexport default {\r\n  init,\r\n  wrapAxios,\r\n  get,\r\n  post,\r\n  put,\r\n  patch,\r\n  delete: del,\r\n  fetch,\r\n  record,\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAiC;AACjC,IAAAA,uBAAmD;;;ACDnD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAiB;AAGjB,IAAI,iBAAsB;AAEnB,SAAS,KAAK,KAA8B;AACjD,sBAAAC,QAAK,cAAc,KAAK,GAAG;AAC7B;AAEO,SAAS,UAAU,UAAe;AACvC,mBAAiB;AACjB,sBAAAA,QAAK,cAAc,UAAU,QAAQ;AACvC;AAEA,eAAsB,IAAI,KAAa,KAAqB;AAC1D,MAAI,kBAAkB,OAAO,eAAe,QAAQ,YAAY;AAC9D,WAAO,eAAe,IAAI,KAAK,GAAG;AAAA,EACpC;AACA,SAAO,oBAAAA,QAAK,cAAc,IAAI,KAAK,GAAG;AACxC;AAEA,eAAsB,KAAK,KAAa,MAAY,KAAqB;AACvE,MAAI,kBAAkB,OAAO,eAAe,SAAS,YAAY;AAC/D,WAAO,eAAe,KAAK,KAAK,MAAM,GAAG;AAAA,EAC3C;AACA,SAAO,oBAAAA,QAAK,cAAc,KAAK,KAAK,MAAM,GAAG;AAC/C;AAEA,eAAsB,IAAI,KAAa,MAAY,KAAqB;AACtE,MAAI,kBAAkB,OAAO,eAAe,QAAQ,YAAY;AAC9D,WAAO,eAAe,IAAI,KAAK,MAAM,GAAG;AAAA,EAC1C;AACA,SAAO,oBAAAA,QAAK,cAAc,IAAI,KAAK,MAAM,GAAG;AAC9C;AAEA,eAAsB,MAAM,KAAa,MAAY,KAAqB;AACxE,MAAI,kBAAkB,OAAO,eAAe,UAAU,YAAY;AAChE,WAAO,eAAe,MAAM,KAAK,MAAM,GAAG;AAAA,EAC5C;AACA,SAAO,oBAAAA,QAAK,cAAc,MAAM,KAAK,MAAM,GAAG;AAChD;AAEA,eAAsB,IAAI,KAAa,KAAqB;AAC1D,MAAI,kBAAkB,OAAO,eAAe,WAAW,YAAY;AACjE,WAAO,eAAe,OAAO,KAAK,GAAG;AAAA,EACvC;AACA,SAAO,oBAAAA,QAAK,cAAc,OAAO,KAAK,GAAG;AAC3C;AAEO,IAAM,QAAQ,oBAAAA,QAAK,cAAc;AACjC,IAAM,SAAS,oBAAAA,QAAK,cAAc;AAEzC,IAAO,wBAAQ;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AACF;;;ADrDO,SAAS,gBAAgB,OAAwD;AAEtF,MAAI,MAAM,YAAY,MAAO,QAAO;AAEpC,8BAAU,MAAM;AACd,QAAI;AAEF,MAAc,KAAK,KAAK;AAGxB,UAAI,MAAM,eAAe;AACvB,QAAc,UAAU,MAAM,aAAa;AAAA,MAC7C;AAGA,kDAAkB,KAAK;AACvB,iCAAM,YAAY,6BAAQ;AAG1B,iCAAM,MAAM;AAAA,QACV,aAAa,MAAM;AAAA,QACnB,WAAW,MAAM;AAAA,QACjB,QAAQ,MAAM;AAAA,QACd,OAAO,MAAM;AAAA,QACb,MAAM,MAAM;AAAA,QACZ,SAAS,MAAM;AAAA,MACjB,CAAC;AAED,aAAO,MAAM;AACX,mCAAM,QAAQ;AAAA,MAChB;AAAA,IACF,SAAS,GAAG;AACV,cAAQ,MAAM,mCAAmC,CAAC;AAAA,IACpD;AAAA,EACF,GAAG,CAAC,CAAC;AAGL,SAAO;AACT;;;ADzCA,IAAM,WAAW;AAAA,EAChB;AAAA,EACA,GAAG;AACJ;AAEA,IAAO,gBAAQ;","names":["import_reqwise_core","Core"]}

package/dist/index.mjs

@@ -6,7 +6,7 @@ var __export = (target, all) => {
 
 // src/ReqwiseDevTools.tsx
 import { useEffect } from "react";
-import { panel, renderer } from "@reqwise/core";
+import { panel, renderer, rendererSetConfig } from "reqwise-core";
 
 // src/ReqwiseClient.ts
 var ReqwiseClient_exports = {};
@@ -22,7 +22,7 @@ __export(ReqwiseClient_exports, {
   record: () => record,
   wrapAxios: () => wrapAxios
 });
-import Core from "@reqwise/core";
+import Core from "reqwise-core";
 var _axiosInstance = null;
 function init(cfg) {
   Core.ReqwiseClient.init(cfg);
@@ -84,12 +84,15 @@ function ReqwiseDevTools(props) {
       if (props.axiosInstance) {
         wrapAxios(props.axiosInstance);
       }
+      rendererSetConfig(props);
       panel.setRenderer(renderer);
       panel.mount({
         defaultOpen: props.defaultOpen,
         placement: props.placement,
         hotkey: props.hotkey,
-        theme: props.theme
+        theme: props.theme,
+        size: props.size,
+        opacity: props.opacity
       });
       return () => {
         panel.unmount();

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ReqwiseDevTools.tsx","../src/ReqwiseClient.ts","../src/index.ts"],"sourcesContent":["import React, { useEffect } from 'react'\r\nimport { panel, renderer } from '@reqwise/core'\r\nimport * as ReqwiseClient from './ReqwiseClient'\r\nimport type { ReqwiseConfig } from '@reqwise/core'\r\n\r\ntype ReqwiseDevToolsProps = ReqwiseConfig & {\r\n  enabled?: boolean\r\n}\r\n\r\nexport default function ReqwiseDevTools(props: ReqwiseDevToolsProps): React.ReactElement | null {\r\n  // No-op if disabled\r\n  if (props.enabled === false) return null\r\n\r\n  useEffect(() => {\r\n    try {\r\n      // Initialize core client with config\r\n      ReqwiseClient.init(props)\r\n\r\n      // Wrap axios instance if provided\r\n      if (props.axiosInstance) {\r\n        ReqwiseClient.wrapAxios(props.axiosInstance)\r\n      }\r\n\r\n      // Set renderer before mounting\r\n      panel.setRenderer(renderer)\r\n\r\n      // Mount panel into document.body\r\n      panel.mount({\r\n        defaultOpen: props.defaultOpen,\r\n        placement: props.placement,\r\n        hotkey: props.hotkey,\r\n        theme: props.theme,\r\n      })\r\n\r\n      return () => {\r\n        panel.unmount()\r\n      }\r\n    } catch (e) {\r\n      console.error('[reqwise] ReqwiseDevTools error', e)\r\n    }\r\n  }, [])\r\n\r\n  // Nothing to render in React tree — aside renders directly to document.body\r\n  return null\r\n}\r\n","import Core from '@reqwise/core'\r\nimport type { ReqwiseConfig, RequestConfig } from '@reqwise/core'\r\n\r\nlet _axiosInstance: any = null\r\n\r\nexport function init(cfg?: Partial<ReqwiseConfig>) {\r\n  Core.ReqwiseClient.init(cfg)\r\n}\r\n\r\nexport function wrapAxios(instance: any) {\r\n  _axiosInstance = instance\r\n  Core.ReqwiseClient.wrapAxios(instance)\r\n}\r\n\r\nexport async function get(url: string, cfg?: RequestConfig) {\r\n  if (_axiosInstance && typeof _axiosInstance.get === 'function') {\r\n    return _axiosInstance.get(url, cfg)\r\n  }\r\n  return Core.ReqwiseClient.get(url, cfg)\r\n}\r\n\r\nexport async function post(url: string, body?: any, cfg?: RequestConfig) {\r\n  if (_axiosInstance && typeof _axiosInstance.post === 'function') {\r\n    return _axiosInstance.post(url, body, cfg)\r\n  }\r\n  return Core.ReqwiseClient.post(url, body, cfg)\r\n}\r\n\r\nexport async function put(url: string, body?: any, cfg?: RequestConfig) {\r\n  if (_axiosInstance && typeof _axiosInstance.put === 'function') {\r\n    return _axiosInstance.put(url, body, cfg)\r\n  }\r\n  return Core.ReqwiseClient.put(url, body, cfg)\r\n}\r\n\r\nexport async function patch(url: string, body?: any, cfg?: RequestConfig) {\r\n  if (_axiosInstance && typeof _axiosInstance.patch === 'function') {\r\n    return _axiosInstance.patch(url, body, cfg)\r\n  }\r\n  return Core.ReqwiseClient.patch(url, body, cfg)\r\n}\r\n\r\nexport async function del(url: string, cfg?: RequestConfig) {\r\n  if (_axiosInstance && typeof _axiosInstance.delete === 'function') {\r\n    return _axiosInstance.delete(url, cfg)\r\n  }\r\n  return Core.ReqwiseClient.delete(url, cfg)\r\n}\r\n\r\nexport const fetch = Core.ReqwiseClient.fetch\r\nexport const record = Core.ReqwiseClient.record\r\n\r\nexport default {\r\n  init,\r\n  wrapAxios,\r\n  get,\r\n  post,\r\n  put,\r\n  patch,\r\n  delete: del,\r\n  fetch,\r\n  record,\r\n}\r\n","import ReqwiseDevTools from './ReqwiseDevTools'\r\nimport * as ReqwiseClient from './ReqwiseClient'\r\n\r\nexport { ReqwiseDevTools }\r\nexport * from './ReqwiseClient'\r\n\r\nconst _default = {\r\n\tReqwiseDevTools,\r\n\t...ReqwiseClient,\r\n}\r\n\r\nexport default _default\r\n"],"mappings":";;;;;;;AAAA,SAAgB,iBAAiB;AACjC,SAAS,OAAO,gBAAgB;;;ACDhC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAO,UAAU;AAGjB,IAAI,iBAAsB;AAEnB,SAAS,KAAK,KAA8B;AACjD,OAAK,cAAc,KAAK,GAAG;AAC7B;AAEO,SAAS,UAAU,UAAe;AACvC,mBAAiB;AACjB,OAAK,cAAc,UAAU,QAAQ;AACvC;AAEA,eAAsB,IAAI,KAAa,KAAqB;AAC1D,MAAI,kBAAkB,OAAO,eAAe,QAAQ,YAAY;AAC9D,WAAO,eAAe,IAAI,KAAK,GAAG;AAAA,EACpC;AACA,SAAO,KAAK,cAAc,IAAI,KAAK,GAAG;AACxC;AAEA,eAAsB,KAAK,KAAa,MAAY,KAAqB;AACvE,MAAI,kBAAkB,OAAO,eAAe,SAAS,YAAY;AAC/D,WAAO,eAAe,KAAK,KAAK,MAAM,GAAG;AAAA,EAC3C;AACA,SAAO,KAAK,cAAc,KAAK,KAAK,MAAM,GAAG;AAC/C;AAEA,eAAsB,IAAI,KAAa,MAAY,KAAqB;AACtE,MAAI,kBAAkB,OAAO,eAAe,QAAQ,YAAY;AAC9D,WAAO,eAAe,IAAI,KAAK,MAAM,GAAG;AAAA,EAC1C;AACA,SAAO,KAAK,cAAc,IAAI,KAAK,MAAM,GAAG;AAC9C;AAEA,eAAsB,MAAM,KAAa,MAAY,KAAqB;AACxE,MAAI,kBAAkB,OAAO,eAAe,UAAU,YAAY;AAChE,WAAO,eAAe,MAAM,KAAK,MAAM,GAAG;AAAA,EAC5C;AACA,SAAO,KAAK,cAAc,MAAM,KAAK,MAAM,GAAG;AAChD;AAEA,eAAsB,IAAI,KAAa,KAAqB;AAC1D,MAAI,kBAAkB,OAAO,eAAe,WAAW,YAAY;AACjE,WAAO,eAAe,OAAO,KAAK,GAAG;AAAA,EACvC;AACA,SAAO,KAAK,cAAc,OAAO,KAAK,GAAG;AAC3C;AAEO,IAAM,QAAQ,KAAK,cAAc;AACjC,IAAM,SAAS,KAAK,cAAc;AAEzC,IAAO,wBAAQ;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AACF;;;ADrDe,SAAR,gBAAiC,OAAwD;AAE9F,MAAI,MAAM,YAAY,MAAO,QAAO;AAEpC,YAAU,MAAM;AACd,QAAI;AAEF,MAAc,KAAK,KAAK;AAGxB,UAAI,MAAM,eAAe;AACvB,QAAc,UAAU,MAAM,aAAa;AAAA,MAC7C;AAGA,YAAM,YAAY,QAAQ;AAG1B,YAAM,MAAM;AAAA,QACV,aAAa,MAAM;AAAA,QACnB,WAAW,MAAM;AAAA,QACjB,QAAQ,MAAM;AAAA,QACd,OAAO,MAAM;AAAA,MACf,CAAC;AAED,aAAO,MAAM;AACX,cAAM,QAAQ;AAAA,MAChB;AAAA,IACF,SAAS,GAAG;AACV,cAAQ,MAAM,mCAAmC,CAAC;AAAA,IACpD;AAAA,EACF,GAAG,CAAC,CAAC;AAGL,SAAO;AACT;;;AEtCA,IAAM,WAAW;AAAA,EAChB;AAAA,EACA,GAAG;AACJ;AAEA,IAAO,gBAAQ;","names":[]}
+{"version":3,"sources":["../src/ReqwiseDevTools.tsx","../src/ReqwiseClient.ts","../src/index.ts"],"sourcesContent":["import React, { useEffect } from 'react'\r\nimport { panel, renderer, rendererSetConfig } from 'reqwise-core'\r\nimport * as ReqwiseClient from './ReqwiseClient'\r\nimport type { ReqwiseConfig } from 'reqwise-core'\r\n\r\ntype ReqwiseDevToolsProps = ReqwiseConfig & {\r\n  enabled?: boolean\r\n}\r\n\r\nexport function ReqwiseDevTools(props: ReqwiseDevToolsProps): React.ReactElement | null {\r\n  // No-op if disabled\r\n  if (props.enabled === false) return null\r\n\r\n  useEffect(() => {\r\n    try {\r\n      // Initialize core client with config\r\n      ReqwiseClient.init(props)\r\n\r\n      // Wrap axios instance if provided\r\n      if (props.axiosInstance) {\r\n        ReqwiseClient.wrapAxios(props.axiosInstance)\r\n      }\r\n\r\n      // Set renderer config and mount\r\n      rendererSetConfig(props)\r\n      panel.setRenderer(renderer)\r\n\r\n      // Mount panel into document.body\r\n      panel.mount({\r\n        defaultOpen: props.defaultOpen,\r\n        placement: props.placement,\r\n        hotkey: props.hotkey,\r\n        theme: props.theme,\r\n        size: props.size,\r\n        opacity: props.opacity,\r\n      })\r\n\r\n      return () => {\r\n        panel.unmount()\r\n      }\r\n    } catch (e) {\r\n      console.error('[reqwise] ReqwiseDevTools error', e)\r\n    }\r\n  }, [])\r\n\r\n  // Nothing to render in React tree — aside renders directly to document.body\r\n  return null\r\n}\r\n","import Core from 'reqwise-core'\r\nimport type { ReqwiseConfig, RequestConfig } from 'reqwise-core'\r\n\r\nlet _axiosInstance: any = null\r\n\r\nexport function init(cfg?: Partial<ReqwiseConfig>) {\r\n  Core.ReqwiseClient.init(cfg)\r\n}\r\n\r\nexport function wrapAxios(instance: any) {\r\n  _axiosInstance = instance\r\n  Core.ReqwiseClient.wrapAxios(instance)\r\n}\r\n\r\nexport async function get(url: string, cfg?: RequestConfig) {\r\n  if (_axiosInstance && typeof _axiosInstance.get === 'function') {\r\n    return _axiosInstance.get(url, cfg)\r\n  }\r\n  return Core.ReqwiseClient.get(url, cfg)\r\n}\r\n\r\nexport async function post(url: string, body?: any, cfg?: RequestConfig) {\r\n  if (_axiosInstance && typeof _axiosInstance.post === 'function') {\r\n    return _axiosInstance.post(url, body, cfg)\r\n  }\r\n  return Core.ReqwiseClient.post(url, body, cfg)\r\n}\r\n\r\nexport async function put(url: string, body?: any, cfg?: RequestConfig) {\r\n  if (_axiosInstance && typeof _axiosInstance.put === 'function') {\r\n    return _axiosInstance.put(url, body, cfg)\r\n  }\r\n  return Core.ReqwiseClient.put(url, body, cfg)\r\n}\r\n\r\nexport async function patch(url: string, body?: any, cfg?: RequestConfig) {\r\n  if (_axiosInstance && typeof _axiosInstance.patch === 'function') {\r\n    return _axiosInstance.patch(url, body, cfg)\r\n  }\r\n  return Core.ReqwiseClient.patch(url, body, cfg)\r\n}\r\n\r\nexport async function del(url: string, cfg?: RequestConfig) {\r\n  if (_axiosInstance && typeof _axiosInstance.delete === 'function') {\r\n    return _axiosInstance.delete(url, cfg)\r\n  }\r\n  return Core.ReqwiseClient.delete(url, cfg)\r\n}\r\n\r\nexport const fetch = Core.ReqwiseClient.fetch\r\nexport const record = Core.ReqwiseClient.record\r\n\r\nexport default {\r\n  init,\r\n  wrapAxios,\r\n  get,\r\n  post,\r\n  put,\r\n  patch,\r\n  delete: del,\r\n  fetch,\r\n  record,\r\n}\r\n","export { ReqwiseDevTools } from './ReqwiseDevTools'\r\nexport * from './ReqwiseClient'\r\n\r\nimport * as ReqwiseClient from './ReqwiseClient'\r\nimport { ReqwiseDevTools } from './ReqwiseDevTools'\r\n\r\nconst _default = {\r\n\tReqwiseDevTools,\r\n\t...ReqwiseClient,\r\n}\r\n\r\nexport default _default\r\n"],"mappings":";;;;;;;AAAA,SAAgB,iBAAiB;AACjC,SAAS,OAAO,UAAU,yBAAyB;;;ACDnD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAO,UAAU;AAGjB,IAAI,iBAAsB;AAEnB,SAAS,KAAK,KAA8B;AACjD,OAAK,cAAc,KAAK,GAAG;AAC7B;AAEO,SAAS,UAAU,UAAe;AACvC,mBAAiB;AACjB,OAAK,cAAc,UAAU,QAAQ;AACvC;AAEA,eAAsB,IAAI,KAAa,KAAqB;AAC1D,MAAI,kBAAkB,OAAO,eAAe,QAAQ,YAAY;AAC9D,WAAO,eAAe,IAAI,KAAK,GAAG;AAAA,EACpC;AACA,SAAO,KAAK,cAAc,IAAI,KAAK,GAAG;AACxC;AAEA,eAAsB,KAAK,KAAa,MAAY,KAAqB;AACvE,MAAI,kBAAkB,OAAO,eAAe,SAAS,YAAY;AAC/D,WAAO,eAAe,KAAK,KAAK,MAAM,GAAG;AAAA,EAC3C;AACA,SAAO,KAAK,cAAc,KAAK,KAAK,MAAM,GAAG;AAC/C;AAEA,eAAsB,IAAI,KAAa,MAAY,KAAqB;AACtE,MAAI,kBAAkB,OAAO,eAAe,QAAQ,YAAY;AAC9D,WAAO,eAAe,IAAI,KAAK,MAAM,GAAG;AAAA,EAC1C;AACA,SAAO,KAAK,cAAc,IAAI,KAAK,MAAM,GAAG;AAC9C;AAEA,eAAsB,MAAM,KAAa,MAAY,KAAqB;AACxE,MAAI,kBAAkB,OAAO,eAAe,UAAU,YAAY;AAChE,WAAO,eAAe,MAAM,KAAK,MAAM,GAAG;AAAA,EAC5C;AACA,SAAO,KAAK,cAAc,MAAM,KAAK,MAAM,GAAG;AAChD;AAEA,eAAsB,IAAI,KAAa,KAAqB;AAC1D,MAAI,kBAAkB,OAAO,eAAe,WAAW,YAAY;AACjE,WAAO,eAAe,OAAO,KAAK,GAAG;AAAA,EACvC;AACA,SAAO,KAAK,cAAc,OAAO,KAAK,GAAG;AAC3C;AAEO,IAAM,QAAQ,KAAK,cAAc;AACjC,IAAM,SAAS,KAAK,cAAc;AAEzC,IAAO,wBAAQ;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AACF;;;ADrDO,SAAS,gBAAgB,OAAwD;AAEtF,MAAI,MAAM,YAAY,MAAO,QAAO;AAEpC,YAAU,MAAM;AACd,QAAI;AAEF,MAAc,KAAK,KAAK;AAGxB,UAAI,MAAM,eAAe;AACvB,QAAc,UAAU,MAAM,aAAa;AAAA,MAC7C;AAGA,wBAAkB,KAAK;AACvB,YAAM,YAAY,QAAQ;AAG1B,YAAM,MAAM;AAAA,QACV,aAAa,MAAM;AAAA,QACnB,WAAW,MAAM;AAAA,QACjB,QAAQ,MAAM;AAAA,QACd,OAAO,MAAM;AAAA,QACb,MAAM,MAAM;AAAA,QACZ,SAAS,MAAM;AAAA,MACjB,CAAC;AAED,aAAO,MAAM;AACX,cAAM,QAAQ;AAAA,MAChB;AAAA,IACF,SAAS,GAAG;AACV,cAAQ,MAAM,mCAAmC,CAAC;AAAA,IACpD;AAAA,EACF,GAAG,CAAC,CAAC;AAGL,SAAO;AACT;;;AEzCA,IAAM,WAAW;AAAA,EAChB;AAAA,EACA,GAAG;AACJ;AAEA,IAAO,gBAAQ;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reqwise-react",
-  "version": "1.1.0",
+  "version": "1.1.4",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "exports": {
@@ -11,10 +11,6 @@
     }
   },
   "types": "dist/index.d.ts",
-  "scripts": {
-    "build": "tsup",
-    "type-check": "tsc -p tsconfig.json --noEmit"
-  },
   "peerDependencies": {
     "axios": ">=1.0.0",
     "react": ">=17.0.0"
@@ -25,9 +21,16 @@
     }
   },
   "dependencies": {
-    "@reqwise/core": "workspace:^"
+    "reqwise-core": "^1.1.5"
   },
   "devDependencies": {
-    "@types/node": "^25.8.0"
+    "@types/node": "^25.8.0",
+    "@types/react": "^18.0.0",
+    "typescript": "^5.0.0",
+    "tsup": "^8.5.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "type-check": "tsc -p tsconfig.json --noEmit"
   }
-}
+}

package/src/ReqwiseClient.ts

@@ -1,5 +1,5 @@
-import Core from '@reqwise/core'
-import type { ReqwiseConfig, RequestConfig } from '@reqwise/core'
+import Core from 'reqwise-core'
+import type { ReqwiseConfig, RequestConfig } from 'reqwise-core'
 
 let _axiosInstance: any = null
 

package/src/ReqwiseDevTools.tsx

@@ -1,13 +1,13 @@
 import React, { useEffect } from 'react'
-import { panel, renderer } from '@reqwise/core'
+import { panel, renderer, rendererSetConfig } from 'reqwise-core'
 import * as ReqwiseClient from './ReqwiseClient'
-import type { ReqwiseConfig } from '@reqwise/core'
+import type { ReqwiseConfig } from 'reqwise-core'
 
 type ReqwiseDevToolsProps = ReqwiseConfig & {
   enabled?: boolean
 }
 
-export default function ReqwiseDevTools(props: ReqwiseDevToolsProps): React.ReactElement | null {
+export function ReqwiseDevTools(props: ReqwiseDevToolsProps): React.ReactElement | null {
   // No-op if disabled
   if (props.enabled === false) return null
 
@@ -21,7 +21,8 @@ export default function ReqwiseDevTools(props: ReqwiseDevToolsProps): React.Reac
         ReqwiseClient.wrapAxios(props.axiosInstance)
       }
 
-      // Set renderer before mounting
+      // Set renderer config and mount
+      rendererSetConfig(props)
       panel.setRenderer(renderer)
 
       // Mount panel into document.body

package/src/index.ts

@@ -1,9 +1,9 @@
-import ReqwiseDevTools from './ReqwiseDevTools'
-import * as ReqwiseClient from './ReqwiseClient'
-
-export { ReqwiseDevTools }
+export { ReqwiseDevTools } from './ReqwiseDevTools'
 export * from './ReqwiseClient'
 
+import * as ReqwiseClient from './ReqwiseClient'
+import { ReqwiseDevTools } from './ReqwiseDevTools'
+
 const _default = {
 	ReqwiseDevTools,
 	...ReqwiseClient,

package/tsconfig.json

@@ -9,8 +9,7 @@
     "strict": true,
     "esModuleInterop": true,
     "skipLibCheck": true,
-    "moduleResolution": "NodeNext",
-    "ignoreDeprecations": "6.0"
+    "moduleResolution": "NodeNext"
   },
   "include": ["src/**/*"]
 }

package/tsup.config.ts

@@ -3,10 +3,8 @@ import { defineConfig } from 'tsup'
 export default defineConfig({
   entry: ['src/index.ts'],
   format: ['cjs', 'esm'],
-  dts: {
-    resolve: true,
-    compilerOptions: { skipLibCheck: true }
-  },
+  external: ['reqwise-core'],
+  dts: false,
   sourcemap: true,
   clean: true,
   splitting: false,

package/dist/index.d.mts

@@ -1,44 +0,0 @@
-import * as _reqwise_core from '@reqwise/core';
-import { ReqwiseConfig, RequestConfig } from '@reqwise/core';
-import React from 'react';
-
-type ReqwiseDevToolsProps = ReqwiseConfig & {
-    enabled?: boolean;
-};
-declare function ReqwiseDevTools(props: ReqwiseDevToolsProps): React.ReactElement | null;
-
-declare function init(cfg?: Partial<ReqwiseConfig>): void;
-declare function wrapAxios(instance: any): void;
-declare function get(url: string, cfg?: RequestConfig): Promise<any>;
-declare function post(url: string, body?: any, cfg?: RequestConfig): Promise<any>;
-declare function put(url: string, body?: any, cfg?: RequestConfig): Promise<any>;
-declare function patch(url: string, body?: any, cfg?: RequestConfig): Promise<any>;
-declare function del(url: string, cfg?: RequestConfig): Promise<any>;
-declare const fetch: (input: RequestInfo, init?: RequestInit & RequestConfig) => Promise<Response>;
-declare const record: (entry: Partial<_reqwise_core.ReqwiseEntry>) => void;
-
-declare const _default: {
-    init(cfg?: Partial<_reqwise_core.ReqwiseConfig>): void;
-    wrapAxios(instance: any): void;
-    get(url: string, cfg?: _reqwise_core.RequestConfig): Promise<any>;
-    post(url: string, body?: any, cfg?: _reqwise_core.RequestConfig): Promise<any>;
-    put(url: string, body?: any, cfg?: _reqwise_core.RequestConfig): Promise<any>;
-    patch(url: string, body?: any, cfg?: _reqwise_core.RequestConfig): Promise<any>;
-    del(url: string, cfg?: _reqwise_core.RequestConfig): Promise<any>;
-    fetch: (input: RequestInfo, init?: RequestInit & _reqwise_core.RequestConfig) => Promise<Response>;
-    record: (entry: Partial<_reqwise_core.ReqwiseEntry>) => void;
-    default: {
-        init: typeof init;
-        wrapAxios: typeof wrapAxios;
-        get: typeof get;
-        post: typeof post;
-        put: typeof put;
-        patch: typeof patch;
-        delete: typeof del;
-        fetch: (input: RequestInfo, init?: RequestInit & _reqwise_core.RequestConfig) => Promise<Response>;
-        record: (entry: Partial<_reqwise_core.ReqwiseEntry>) => void;
-    };
-    ReqwiseDevTools: typeof ReqwiseDevTools;
-};
-
-export { ReqwiseDevTools, _default as default, del, fetch, get, init, patch, post, put, record, wrapAxios };

package/dist/index.d.ts

@@ -1,44 +0,0 @@
-import * as _reqwise_core from '@reqwise/core';
-import { ReqwiseConfig, RequestConfig } from '@reqwise/core';
-import React from 'react';
-
-type ReqwiseDevToolsProps = ReqwiseConfig & {
-    enabled?: boolean;
-};
-declare function ReqwiseDevTools(props: ReqwiseDevToolsProps): React.ReactElement | null;
-
-declare function init(cfg?: Partial<ReqwiseConfig>): void;
-declare function wrapAxios(instance: any): void;
-declare function get(url: string, cfg?: RequestConfig): Promise<any>;
-declare function post(url: string, body?: any, cfg?: RequestConfig): Promise<any>;
-declare function put(url: string, body?: any, cfg?: RequestConfig): Promise<any>;
-declare function patch(url: string, body?: any, cfg?: RequestConfig): Promise<any>;
-declare function del(url: string, cfg?: RequestConfig): Promise<any>;
-declare const fetch: (input: RequestInfo, init?: RequestInit & RequestConfig) => Promise<Response>;
-declare const record: (entry: Partial<_reqwise_core.ReqwiseEntry>) => void;
-
-declare const _default: {
-    init(cfg?: Partial<_reqwise_core.ReqwiseConfig>): void;
-    wrapAxios(instance: any): void;
-    get(url: string, cfg?: _reqwise_core.RequestConfig): Promise<any>;
-    post(url: string, body?: any, cfg?: _reqwise_core.RequestConfig): Promise<any>;
-    put(url: string, body?: any, cfg?: _reqwise_core.RequestConfig): Promise<any>;
-    patch(url: string, body?: any, cfg?: _reqwise_core.RequestConfig): Promise<any>;
-    del(url: string, cfg?: _reqwise_core.RequestConfig): Promise<any>;
-    fetch: (input: RequestInfo, init?: RequestInit & _reqwise_core.RequestConfig) => Promise<Response>;
-    record: (entry: Partial<_reqwise_core.ReqwiseEntry>) => void;
-    default: {
-        init: typeof init;
-        wrapAxios: typeof wrapAxios;
-        get: typeof get;
-        post: typeof post;
-        put: typeof put;
-        patch: typeof patch;
-        delete: typeof del;
-        fetch: (input: RequestInfo, init?: RequestInit & _reqwise_core.RequestConfig) => Promise<Response>;
-        record: (entry: Partial<_reqwise_core.ReqwiseEntry>) => void;
-    };
-    ReqwiseDevTools: typeof ReqwiseDevTools;
-};
-
-export { ReqwiseDevTools, _default as default, del, fetch, get, init, patch, post, put, record, wrapAxios };