reqwise-react 1.0.0 → 1.1.3

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @reqwise/react@0.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
-ESM dist\index.mjs     2.86 KB
-ESM dist\index.mjs.map 4.93 KB
-ESM ⚡️ Build success in 16ms
-CJS dist\index.js     4.70 KB
-CJS dist\index.js.map 5.09 KB
-CJS ⚡️ Build success in 16ms
-DTS Build start
-DTS ⚡️ Build success in 622ms
-DTS dist\index.d.ts  2.18 KB
-DTS dist\index.d.mts 2.18 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,128 @@
+# Reqwise React
+
+React wrapper for [Reqwise DevTools](https://github.com/reqwise/reqwise) - HTTP request/response inspector panel for web applications.
+
+## Installation
+
+```bash
+npm install reqwise-react
+# or
+pnpm add reqwise-react
+```
+
+## Quick Start
+
+```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}
+        placement="right"
+        defaultOpen={false}
+        theme="dark"
+      />
+      {/* Your app content */}
+    </>
+  )
+}
+```
+
+## Props
+
+### Core Configuration
+
+- **`axiosInstance`** (AxiosInstance) - Axios instance to monitor (required for auto-capture)
+- **`placement`** ('left' | 'right' | 'top' | 'bottom') - Panel position (default: 'right')
+- **`defaultOpen`** (boolean) - Panel open on mount (default: false)
+- **`theme`** ('dark' | 'light' | 'system') - Color theme (default: 'system')
+- **`hotkey`** (string) - Keyboard shortcut to toggle (default: 'ctrl+shift+e')
+- **`enabled`** (boolean) - Enable/disable panel (default: true)
+
+### Display Options
+
+- **`show`** ('general' | 'detailed') - Request card detail level (default: 'general')
+- **`size`** ('sm' | 'md' | 'lg' | 'full') - Panel size (default: 'md')
+- **`opacity`** (number) - Panel opacity 0-1 (default: 1)
+
+### Data Management
+
+- **`maxItems`** (number) - Max requests to store (default: 500)
+- **`persistHistory`** (boolean) - Save history to localStorage (default: true)
+- **`ignore`** (string[]) - URL patterns to ignore (default: [])
+- **`maskHeaders`** (string[]) - Headers to mask in display (default: [])
+- **`maskFields`** (string[]) - JSON fields to mask (default: [])
+
+### Grouping & Highlighting
+
+- **`groupBy`** ('url' | 'method' | 'status' | 'page') - Group requests by field
+- **`highlight`** ('error' | 'slow') - Highlight requests by status
+
+### Localization
+
+- **`langs`** (string[]) - Supported languages (default: ['en'])
+- **`defaultLang`** (string) - Initial language (default: 'en')
+
+### Callbacks
+
+- **`onRequest`** (entry => void) - Called before request is stored
+- **`onResponse`** (entry => void) - Called after successful response
+- **`onError`** (entry => void) - Called on request error
+
+## Example: Full Configuration
+
+```jsx
+<ReqwiseDevTools
+  axiosInstance={api}
+  placement="bottom"
+  size="lg"
+  theme="dark"
+  show="detailed"
+  defaultOpen={true}
+  maxItems={1000}
+  persistHistory={true}
+  ignore={['/health', '/ping']}
+  maskHeaders={['Authorization', 'X-API-Key']}
+  maskFields={['password', 'token', 'secret']}
+  groupBy="url"
+  highlight="error"
+  langs={['en', 'tr', 'es']}
+  defaultLang="tr"
+  onRequest={(e) => console.log('Request:', e.method, e.url)}
+  onResponse={(e) => console.log('Response:', e.status)}
+  onError={(e) => console.error('Error:', e.error?.message)}
+/>
+```
+
+## Features
+
+✨ **Auto-Capture** - Automatically intercept Axios requests/responses
+📊 **Detailed View** - Full request/response headers and bodies
+🔍 **Filtering & Search** - Filter by URL, method, status
+💾 **Persistent History** - LocalStorage support for request history
+🎨 **Multiple Themes** - Dark/Light/System theme support
+🌍 **i18n Ready** - 15+ languages supported
+📱 **Responsive** - Works on mobile and desktop
+⚡ **Zero Config** - Works out of the box with sensible defaults
+
+## Browser Support
+
+- Chrome/Edge 90+
+- Firefox 88+
+- Safari 14+
+
+## License
+
+MIT
+
+## Related
+
+- [Reqwise Core](https://github.com/reqwise/reqwise/tree/main/packages/core) - Core package
+- [Reqwise CLI](https://github.com/reqwise/reqwise) - Command-line tool

package/dist/index.js

@@ -36,17 +36,17 @@ __export(index_exports, {
   fetch: () => fetch,
   get: () => get,
   init: () => init,
+  patch: () => patch,
   post: () => post,
   put: () => put,
   record: () => record,
-  setAxiosInstance: () => setAxiosInstance,
   wrapAxios: () => wrapAxios
 });
 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 = {};
@@ -56,65 +56,90 @@ __export(ReqwiseClient_exports, {
   fetch: () => fetch,
   get: () => get,
   init: () => init,
+  patch: () => patch,
   post: () => post,
   put: () => put,
   record: () => record,
-  setAxiosInstance: () => setAxiosInstance,
   wrapAxios: () => wrapAxios
 });
-var import_core = __toESM(require("@reqwise/core"));
+var import_reqwise_core = __toESM(require("reqwise-core"));
 var _axiosInstance = null;
 function init(cfg) {
-  return import_core.default.ReqwiseClient.init(cfg);
+  import_reqwise_core.default.ReqwiseClient.init(cfg);
 }
 function wrapAxios(instance) {
   _axiosInstance = instance;
-  return import_core.default.ReqwiseClient.wrapAxios(instance);
-}
-function setAxiosInstance(instance) {
-  _axiosInstance = instance;
-  return 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.fetch(url, { method: "GET", ...cfg || {} });
+  if (_axiosInstance && typeof _axiosInstance.get === "function") {
+    return _axiosInstance.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.fetch(url, { method: "POST", body: JSON.stringify(body), ...cfg || {} });
+  if (_axiosInstance && typeof _axiosInstance.post === "function") {
+    return _axiosInstance.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.fetch(url, { method: "PUT", body: JSON.stringify(body), ...cfg || {} });
+  if (_axiosInstance && typeof _axiosInstance.put === "function") {
+    return _axiosInstance.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_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.fetch(url, { method: "DELETE", ...cfg || {} });
+  if (_axiosInstance && typeof _axiosInstance.delete === "function") {
+    return _axiosInstance.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,
-  setAxiosInstance,
   get,
   post,
   put,
-  del,
+  patch,
+  delete: del,
   fetch,
   record
 };
 
 // src/ReqwiseDevTools.tsx
-function ReqwiseDevTools({ defaultOpen = false, theme = "dark", axiosInstance, defaultLang = "en", placement = "right" }) {
+function ReqwiseDevTools(props) {
+  if (props.enabled === false) return null;
   (0, import_react.useEffect)(() => {
-    init({ defaultOpen, defaultLang });
-    if (axiosInstance) setAxiosInstance(axiosInstance);
-    import_core2.panel.setRenderer(import_core2.renderer);
-    import_core2.panel.mount({ defaultOpen, theme, placement });
-    return () => {
-      import_core2.panel.unmount();
-    };
+    try {
+      init(props);
+      if (props.axiosInstance) {
+        wrapAxios(props.axiosInstance);
+      }
+      (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,
+        size: props.size,
+        opacity: props.opacity
+      });
+      return () => {
+        import_reqwise_core2.panel.unmount();
+      };
+    } catch (e) {
+      console.error("[reqwise] ReqwiseDevTools error", e);
+    }
   }, []);
   return null;
 }
@@ -132,10 +157,10 @@ var index_default = _default;
   fetch,
   get,
   init,
+  patch,
   post,
   put,
   record,
-  setAxiosInstance,
   wrapAxios
 });
 //# sourceMappingURL=index.js.map

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 { storage, panel, renderer } from '@reqwise/core'\r\nimport * as ReqwiseClient from './ReqwiseClient'\r\n\r\ntype Props = {\r\n  defaultOpen?: boolean\r\n  theme?: 'light' | 'dark'\r\n  axiosInstance?: any\r\n  defaultLang?: string\r\n  placement?: 'left' | 'right' | 'top' | 'bottom'\r\n}\r\n\r\nexport default function ReqwiseDevTools({ defaultOpen = false, theme = 'dark', axiosInstance, defaultLang = 'en', placement = 'right' }: Props): React.ReactElement | null {\r\n  useEffect(() => {\r\n    // initialize core client with default config and default language\r\n    ReqwiseClient.init({ defaultOpen, defaultLang })\r\n    if (axiosInstance) ReqwiseClient.setAxiosInstance(axiosInstance)\r\n    // set renderer BEFORE mounting so it's ready when defaultOpen triggers render\r\n    panel.setRenderer(renderer)\r\n    // now mount the core panel into document.body\r\n    panel.mount({ defaultOpen, theme: theme as any, placement })\r\n    return () => {\r\n      panel.unmount()\r\n    }\r\n  }, [])\r\n\r\n  // panel renders its own toggle button and aside — nothing to render here\r\n  return null\r\n}\r\n","import Core from '@reqwise/core'\r\n\r\nlet _axiosInstance: any = null\r\n\r\nexport function init(cfg?: any) {\r\n  return Core.ReqwiseClient.init(cfg)\r\n}\r\n\r\nexport function wrapAxios(instance: any) {\r\n  _axiosInstance = instance\r\n  return Core.ReqwiseClient.wrapAxios(instance)\r\n}\r\n\r\nexport function setAxiosInstance(instance: any) {\r\n  _axiosInstance = instance\r\n  return Core.ReqwiseClient.wrapAxios(instance)\r\n}\r\n\r\nexport async function get(url: string, cfg?: any) {\r\n  if (_axiosInstance && typeof _axiosInstance.get === 'function') return _axiosInstance.get(url, cfg)\r\n  return Core.ReqwiseClient.fetch(url, { method: 'GET', ...(cfg || {}) } as any)\r\n}\r\n\r\nexport async function post(url: string, body?: any, cfg?: any) {\r\n  if (_axiosInstance && typeof _axiosInstance.post === 'function') return _axiosInstance.post(url, body, cfg)\r\n  return Core.ReqwiseClient.fetch(url, { method: 'POST', body: JSON.stringify(body), ...(cfg || {}) } as any)\r\n}\r\n\r\nexport async function put(url: string, body?: any, cfg?: any) {\r\n  if (_axiosInstance && typeof _axiosInstance.put === 'function') return _axiosInstance.put(url, body, cfg)\r\n  return Core.ReqwiseClient.fetch(url, { method: 'PUT', body: JSON.stringify(body), ...(cfg || {}) } as any)\r\n}\r\n\r\nexport async function del(url: string, cfg?: any) {\r\n  if (_axiosInstance && typeof _axiosInstance.delete === 'function') return _axiosInstance.delete(url, cfg)\r\n  return Core.ReqwiseClient.fetch(url, { method: 'DELETE', ...(cfg || {}) } as any)\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  setAxiosInstance,\r\n  get,\r\n  post,\r\n  put,\r\n  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,eAAyC;;;ACDzC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AAEjB,IAAI,iBAAsB;AAEnB,SAAS,KAAK,KAAW;AAC9B,SAAO,YAAAC,QAAK,cAAc,KAAK,GAAG;AACpC;AAEO,SAAS,UAAU,UAAe;AACvC,mBAAiB;AACjB,SAAO,YAAAA,QAAK,cAAc,UAAU,QAAQ;AAC9C;AAEO,SAAS,iBAAiB,UAAe;AAC9C,mBAAiB;AACjB,SAAO,YAAAA,QAAK,cAAc,UAAU,QAAQ;AAC9C;AAEA,eAAsB,IAAI,KAAa,KAAW;AAChD,MAAI,kBAAkB,OAAO,eAAe,QAAQ,WAAY,QAAO,eAAe,IAAI,KAAK,GAAG;AAClG,SAAO,YAAAA,QAAK,cAAc,MAAM,KAAK,EAAE,QAAQ,OAAO,GAAI,OAAO,CAAC,EAAG,CAAQ;AAC/E;AAEA,eAAsB,KAAK,KAAa,MAAY,KAAW;AAC7D,MAAI,kBAAkB,OAAO,eAAe,SAAS,WAAY,QAAO,eAAe,KAAK,KAAK,MAAM,GAAG;AAC1G,SAAO,YAAAA,QAAK,cAAc,MAAM,KAAK,EAAE,QAAQ,QAAQ,MAAM,KAAK,UAAU,IAAI,GAAG,GAAI,OAAO,CAAC,EAAG,CAAQ;AAC5G;AAEA,eAAsB,IAAI,KAAa,MAAY,KAAW;AAC5D,MAAI,kBAAkB,OAAO,eAAe,QAAQ,WAAY,QAAO,eAAe,IAAI,KAAK,MAAM,GAAG;AACxG,SAAO,YAAAA,QAAK,cAAc,MAAM,KAAK,EAAE,QAAQ,OAAO,MAAM,KAAK,UAAU,IAAI,GAAG,GAAI,OAAO,CAAC,EAAG,CAAQ;AAC3G;AAEA,eAAsB,IAAI,KAAa,KAAW;AAChD,MAAI,kBAAkB,OAAO,eAAe,WAAW,WAAY,QAAO,eAAe,OAAO,KAAK,GAAG;AACxG,SAAO,YAAAA,QAAK,cAAc,MAAM,KAAK,EAAE,QAAQ,UAAU,GAAI,OAAO,CAAC,EAAG,CAAQ;AAClF;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;AAAA,EACA;AAAA,EACA;AACF;;;ADvCe,SAAR,gBAAiC,EAAE,cAAc,OAAO,QAAQ,QAAQ,eAAe,cAAc,MAAM,YAAY,QAAQ,GAAqC;AACzK,8BAAU,MAAM;AAEd,IAAc,KAAK,EAAE,aAAa,YAAY,CAAC;AAC/C,QAAI,cAAe,CAAc,iBAAiB,aAAa;AAE/D,uBAAM,YAAY,qBAAQ;AAE1B,uBAAM,MAAM,EAAE,aAAa,OAAqB,UAAU,CAAC;AAC3D,WAAO,MAAM;AACX,yBAAM,QAAQ;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,CAAC;AAGL,SAAO;AACT;;;ADtBA,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 = {};
@@ -16,65 +16,90 @@ __export(ReqwiseClient_exports, {
   fetch: () => fetch,
   get: () => get,
   init: () => init,
+  patch: () => patch,
   post: () => post,
   put: () => put,
   record: () => record,
-  setAxiosInstance: () => setAxiosInstance,
   wrapAxios: () => wrapAxios
 });
-import Core from "@reqwise/core";
+import Core from "reqwise-core";
 var _axiosInstance = null;
 function init(cfg) {
-  return Core.ReqwiseClient.init(cfg);
+  Core.ReqwiseClient.init(cfg);
 }
 function wrapAxios(instance) {
   _axiosInstance = instance;
-  return Core.ReqwiseClient.wrapAxios(instance);
-}
-function setAxiosInstance(instance) {
-  _axiosInstance = instance;
-  return Core.ReqwiseClient.wrapAxios(instance);
+  Core.ReqwiseClient.wrapAxios(instance);
 }
 async function get(url, cfg) {
-  if (_axiosInstance && typeof _axiosInstance.get === "function") return _axiosInstance.get(url, cfg);
-  return Core.ReqwiseClient.fetch(url, { method: "GET", ...cfg || {} });
+  if (_axiosInstance && typeof _axiosInstance.get === "function") {
+    return _axiosInstance.get(url, cfg);
+  }
+  return Core.ReqwiseClient.get(url, cfg);
 }
 async function post(url, body, cfg) {
-  if (_axiosInstance && typeof _axiosInstance.post === "function") return _axiosInstance.post(url, body, cfg);
-  return Core.ReqwiseClient.fetch(url, { method: "POST", body: JSON.stringify(body), ...cfg || {} });
+  if (_axiosInstance && typeof _axiosInstance.post === "function") {
+    return _axiosInstance.post(url, body, cfg);
+  }
+  return Core.ReqwiseClient.post(url, body, cfg);
 }
 async function put(url, body, cfg) {
-  if (_axiosInstance && typeof _axiosInstance.put === "function") return _axiosInstance.put(url, body, cfg);
-  return Core.ReqwiseClient.fetch(url, { method: "PUT", body: JSON.stringify(body), ...cfg || {} });
+  if (_axiosInstance && typeof _axiosInstance.put === "function") {
+    return _axiosInstance.put(url, body, cfg);
+  }
+  return Core.ReqwiseClient.put(url, body, cfg);
+}
+async function patch(url, body, cfg) {
+  if (_axiosInstance && typeof _axiosInstance.patch === "function") {
+    return _axiosInstance.patch(url, body, cfg);
+  }
+  return Core.ReqwiseClient.patch(url, body, cfg);
 }
 async function del(url, cfg) {
-  if (_axiosInstance && typeof _axiosInstance.delete === "function") return _axiosInstance.delete(url, cfg);
-  return Core.ReqwiseClient.fetch(url, { method: "DELETE", ...cfg || {} });
+  if (_axiosInstance && typeof _axiosInstance.delete === "function") {
+    return _axiosInstance.delete(url, cfg);
+  }
+  return Core.ReqwiseClient.delete(url, cfg);
 }
 var fetch = Core.ReqwiseClient.fetch;
 var record = Core.ReqwiseClient.record;
 var ReqwiseClient_default = {
   init,
   wrapAxios,
-  setAxiosInstance,
   get,
   post,
   put,
-  del,
+  patch,
+  delete: del,
   fetch,
   record
 };
 
 // src/ReqwiseDevTools.tsx
-function ReqwiseDevTools({ defaultOpen = false, theme = "dark", axiosInstance, defaultLang = "en", placement = "right" }) {
+function ReqwiseDevTools(props) {
+  if (props.enabled === false) return null;
   useEffect(() => {
-    init({ defaultOpen, defaultLang });
-    if (axiosInstance) setAxiosInstance(axiosInstance);
-    panel.setRenderer(renderer);
-    panel.mount({ defaultOpen, theme, placement });
-    return () => {
-      panel.unmount();
-    };
+    try {
+      init(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,
+        size: props.size,
+        opacity: props.opacity
+      });
+      return () => {
+        panel.unmount();
+      };
+    } catch (e) {
+      console.error("[reqwise] ReqwiseDevTools error", e);
+    }
   }, []);
   return null;
 }
@@ -92,10 +117,10 @@ export {
   fetch,
   get,
   init,
+  patch,
   post,
   put,
   record,
-  setAxiosInstance,
   wrapAxios
 };
 //# sourceMappingURL=index.mjs.map

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 { storage, panel, renderer } from '@reqwise/core'\r\nimport * as ReqwiseClient from './ReqwiseClient'\r\n\r\ntype Props = {\r\n  defaultOpen?: boolean\r\n  theme?: 'light' | 'dark'\r\n  axiosInstance?: any\r\n  defaultLang?: string\r\n  placement?: 'left' | 'right' | 'top' | 'bottom'\r\n}\r\n\r\nexport default function ReqwiseDevTools({ defaultOpen = false, theme = 'dark', axiosInstance, defaultLang = 'en', placement = 'right' }: Props): React.ReactElement | null {\r\n  useEffect(() => {\r\n    // initialize core client with default config and default language\r\n    ReqwiseClient.init({ defaultOpen, defaultLang })\r\n    if (axiosInstance) ReqwiseClient.setAxiosInstance(axiosInstance)\r\n    // set renderer BEFORE mounting so it's ready when defaultOpen triggers render\r\n    panel.setRenderer(renderer)\r\n    // now mount the core panel into document.body\r\n    panel.mount({ defaultOpen, theme: theme as any, placement })\r\n    return () => {\r\n      panel.unmount()\r\n    }\r\n  }, [])\r\n\r\n  // panel renders its own toggle button and aside — nothing to render here\r\n  return null\r\n}\r\n","import Core from '@reqwise/core'\r\n\r\nlet _axiosInstance: any = null\r\n\r\nexport function init(cfg?: any) {\r\n  return Core.ReqwiseClient.init(cfg)\r\n}\r\n\r\nexport function wrapAxios(instance: any) {\r\n  _axiosInstance = instance\r\n  return Core.ReqwiseClient.wrapAxios(instance)\r\n}\r\n\r\nexport function setAxiosInstance(instance: any) {\r\n  _axiosInstance = instance\r\n  return Core.ReqwiseClient.wrapAxios(instance)\r\n}\r\n\r\nexport async function get(url: string, cfg?: any) {\r\n  if (_axiosInstance && typeof _axiosInstance.get === 'function') return _axiosInstance.get(url, cfg)\r\n  return Core.ReqwiseClient.fetch(url, { method: 'GET', ...(cfg || {}) } as any)\r\n}\r\n\r\nexport async function post(url: string, body?: any, cfg?: any) {\r\n  if (_axiosInstance && typeof _axiosInstance.post === 'function') return _axiosInstance.post(url, body, cfg)\r\n  return Core.ReqwiseClient.fetch(url, { method: 'POST', body: JSON.stringify(body), ...(cfg || {}) } as any)\r\n}\r\n\r\nexport async function put(url: string, body?: any, cfg?: any) {\r\n  if (_axiosInstance && typeof _axiosInstance.put === 'function') return _axiosInstance.put(url, body, cfg)\r\n  return Core.ReqwiseClient.fetch(url, { method: 'PUT', body: JSON.stringify(body), ...(cfg || {}) } as any)\r\n}\r\n\r\nexport async function del(url: string, cfg?: any) {\r\n  if (_axiosInstance && typeof _axiosInstance.delete === 'function') return _axiosInstance.delete(url, cfg)\r\n  return Core.ReqwiseClient.fetch(url, { method: 'DELETE', ...(cfg || {}) } as any)\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  setAxiosInstance,\r\n  get,\r\n  post,\r\n  put,\r\n  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,SAAkB,OAAO,gBAAgB;;;ACDzC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAO,UAAU;AAEjB,IAAI,iBAAsB;AAEnB,SAAS,KAAK,KAAW;AAC9B,SAAO,KAAK,cAAc,KAAK,GAAG;AACpC;AAEO,SAAS,UAAU,UAAe;AACvC,mBAAiB;AACjB,SAAO,KAAK,cAAc,UAAU,QAAQ;AAC9C;AAEO,SAAS,iBAAiB,UAAe;AAC9C,mBAAiB;AACjB,SAAO,KAAK,cAAc,UAAU,QAAQ;AAC9C;AAEA,eAAsB,IAAI,KAAa,KAAW;AAChD,MAAI,kBAAkB,OAAO,eAAe,QAAQ,WAAY,QAAO,eAAe,IAAI,KAAK,GAAG;AAClG,SAAO,KAAK,cAAc,MAAM,KAAK,EAAE,QAAQ,OAAO,GAAI,OAAO,CAAC,EAAG,CAAQ;AAC/E;AAEA,eAAsB,KAAK,KAAa,MAAY,KAAW;AAC7D,MAAI,kBAAkB,OAAO,eAAe,SAAS,WAAY,QAAO,eAAe,KAAK,KAAK,MAAM,GAAG;AAC1G,SAAO,KAAK,cAAc,MAAM,KAAK,EAAE,QAAQ,QAAQ,MAAM,KAAK,UAAU,IAAI,GAAG,GAAI,OAAO,CAAC,EAAG,CAAQ;AAC5G;AAEA,eAAsB,IAAI,KAAa,MAAY,KAAW;AAC5D,MAAI,kBAAkB,OAAO,eAAe,QAAQ,WAAY,QAAO,eAAe,IAAI,KAAK,MAAM,GAAG;AACxG,SAAO,KAAK,cAAc,MAAM,KAAK,EAAE,QAAQ,OAAO,MAAM,KAAK,UAAU,IAAI,GAAG,GAAI,OAAO,CAAC,EAAG,CAAQ;AAC3G;AAEA,eAAsB,IAAI,KAAa,KAAW;AAChD,MAAI,kBAAkB,OAAO,eAAe,WAAW,WAAY,QAAO,eAAe,OAAO,KAAK,GAAG;AACxG,SAAO,KAAK,cAAc,MAAM,KAAK,EAAE,QAAQ,UAAU,GAAI,OAAO,CAAC,EAAG,CAAQ;AAClF;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;AAAA,EACA;AAAA,EACA;AACF;;;ADvCe,SAAR,gBAAiC,EAAE,cAAc,OAAO,QAAQ,QAAQ,eAAe,cAAc,MAAM,YAAY,QAAQ,GAAqC;AACzK,YAAU,MAAM;AAEd,IAAc,KAAK,EAAE,aAAa,YAAY,CAAC;AAC/C,QAAI,cAAe,CAAc,iBAAiB,aAAa;AAE/D,UAAM,YAAY,QAAQ;AAE1B,UAAM,MAAM,EAAE,aAAa,OAAqB,UAAU,CAAC;AAC3D,WAAO,MAAM;AACX,YAAM,QAAQ;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,CAAC;AAGL,SAAO;AACT;;;AEtBA,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,10 +1,11 @@
 {
   "name": "reqwise-react",
-  "version": "1.0.0",
+  "version": "1.1.3",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     }
@@ -20,10 +21,13 @@
     }
   },
   "dependencies": {
-    "@reqwise/core": "npm:reqwise-core@^1.0.0"
+    "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",

package/src/ReqwiseClient.ts

@@ -1,39 +1,50 @@
-import Core from '@reqwise/core'
+import Core from 'reqwise-core'
+import type { ReqwiseConfig, RequestConfig } from 'reqwise-core'
 
 let _axiosInstance: any = null
 
-export function init(cfg?: any) {
-  return Core.ReqwiseClient.init(cfg)
+export function init(cfg?: Partial<ReqwiseConfig>) {
+  Core.ReqwiseClient.init(cfg)
 }
 
 export function wrapAxios(instance: any) {
   _axiosInstance = instance
-  return Core.ReqwiseClient.wrapAxios(instance)
+  Core.ReqwiseClient.wrapAxios(instance)
 }
 
-export function setAxiosInstance(instance: any) {
-  _axiosInstance = instance
-  return Core.ReqwiseClient.wrapAxios(instance)
+export async function get(url: string, cfg?: RequestConfig) {
+  if (_axiosInstance && typeof _axiosInstance.get === 'function') {
+    return _axiosInstance.get(url, cfg)
+  }
+  return Core.ReqwiseClient.get(url, cfg)
 }
 
-export async function get(url: string, cfg?: any) {
-  if (_axiosInstance && typeof _axiosInstance.get === 'function') return _axiosInstance.get(url, cfg)
-  return Core.ReqwiseClient.fetch(url, { method: 'GET', ...(cfg || {}) } as any)
+export async function post(url: string, body?: any, cfg?: RequestConfig) {
+  if (_axiosInstance && typeof _axiosInstance.post === 'function') {
+    return _axiosInstance.post(url, body, cfg)
+  }
+  return Core.ReqwiseClient.post(url, body, cfg)
 }
 
-export async function post(url: string, body?: any, cfg?: any) {
-  if (_axiosInstance && typeof _axiosInstance.post === 'function') return _axiosInstance.post(url, body, cfg)
-  return Core.ReqwiseClient.fetch(url, { method: 'POST', body: JSON.stringify(body), ...(cfg || {}) } as any)
+export async function put(url: string, body?: any, cfg?: RequestConfig) {
+  if (_axiosInstance && typeof _axiosInstance.put === 'function') {
+    return _axiosInstance.put(url, body, cfg)
+  }
+  return Core.ReqwiseClient.put(url, body, cfg)
 }
 
-export async function put(url: string, body?: any, cfg?: any) {
-  if (_axiosInstance && typeof _axiosInstance.put === 'function') return _axiosInstance.put(url, body, cfg)
-  return Core.ReqwiseClient.fetch(url, { method: 'PUT', body: JSON.stringify(body), ...(cfg || {}) } as any)
+export async function patch(url: string, body?: any, cfg?: RequestConfig) {
+  if (_axiosInstance && typeof _axiosInstance.patch === 'function') {
+    return _axiosInstance.patch(url, body, cfg)
+  }
+  return Core.ReqwiseClient.patch(url, body, cfg)
 }
 
-export async function del(url: string, cfg?: any) {
-  if (_axiosInstance && typeof _axiosInstance.delete === 'function') return _axiosInstance.delete(url, cfg)
-  return Core.ReqwiseClient.fetch(url, { method: 'DELETE', ...(cfg || {}) } as any)
+export async function del(url: string, cfg?: RequestConfig) {
+  if (_axiosInstance && typeof _axiosInstance.delete === 'function') {
+    return _axiosInstance.delete(url, cfg)
+  }
+  return Core.ReqwiseClient.delete(url, cfg)
 }
 
 export const fetch = Core.ReqwiseClient.fetch
@@ -42,11 +53,11 @@ export const record = Core.ReqwiseClient.record
 export default {
   init,
   wrapAxios,
-  setAxiosInstance,
   get,
   post,
   put,
-  del,
+  patch,
+  delete: del,
   fetch,
   record,
 }

package/src/ReqwiseDevTools.tsx

@@ -1,29 +1,48 @@
 import React, { useEffect } from 'react'
-import { storage, panel, renderer } from '@reqwise/core'
+import { panel, renderer, rendererSetConfig } from 'reqwise-core'
 import * as ReqwiseClient from './ReqwiseClient'
+import type { ReqwiseConfig } from 'reqwise-core'
 
-type Props = {
-  defaultOpen?: boolean
-  theme?: 'light' | 'dark'
-  axiosInstance?: any
-  defaultLang?: string
-  placement?: 'left' | 'right' | 'top' | 'bottom'
+type ReqwiseDevToolsProps = ReqwiseConfig & {
+  enabled?: boolean
 }
 
-export default function ReqwiseDevTools({ defaultOpen = false, theme = 'dark', axiosInstance, defaultLang = 'en', placement = 'right' }: Props): React.ReactElement | null {
+export function ReqwiseDevTools(props: ReqwiseDevToolsProps): React.ReactElement | null {
+  // No-op if disabled
+  if (props.enabled === false) return null
+
   useEffect(() => {
-    // initialize core client with default config and default language
-    ReqwiseClient.init({ defaultOpen, defaultLang })
-    if (axiosInstance) ReqwiseClient.setAxiosInstance(axiosInstance)
-    // set renderer BEFORE mounting so it's ready when defaultOpen triggers render
-    panel.setRenderer(renderer)
-    // now mount the core panel into document.body
-    panel.mount({ defaultOpen, theme: theme as any, placement })
-    return () => {
-      panel.unmount()
+    try {
+      // Initialize core client with config
+      ReqwiseClient.init(props)
+
+      // Wrap axios instance if provided
+      if (props.axiosInstance) {
+        ReqwiseClient.wrapAxios(props.axiosInstance)
+      }
+
+      // Set renderer config and mount
+      rendererSetConfig(props)
+      panel.setRenderer(renderer)
+
+      // Mount panel into document.body
+      panel.mount({
+        defaultOpen: props.defaultOpen,
+        placement: props.placement,
+        hotkey: props.hotkey,
+        theme: props.theme,
+        size: props.size,
+        opacity: props.opacity,
+      })
+
+      return () => {
+        panel.unmount()
+      }
+    } catch (e) {
+      console.error('[reqwise] ReqwiseDevTools error', e)
     }
   }, [])
 
-  // panel renders its own toggle button and aside — nothing to render here
+  // Nothing to render in React tree — aside renders directly to document.body
   return null
 }

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,7 +3,9 @@ import { defineConfig } from 'tsup'
 export default defineConfig({
   entry: ['src/index.ts'],
   format: ['cjs', 'esm'],
-  dts: true,
+  external: ['reqwise-core'],
+  dts: false,
   sourcemap: true,
   clean: true,
+  splitting: false,
 })

package/dist/index.d.mts

@@ -1,47 +0,0 @@
-import * as _reqwise_core from '@reqwise/core';
-import React from 'react';
-
-type Props = {
-    defaultOpen?: boolean;
-    theme?: 'light' | 'dark';
-    axiosInstance?: any;
-    defaultLang?: string;
-    placement?: 'left' | 'right' | 'top' | 'bottom';
-};
-declare function ReqwiseDevTools({ defaultOpen, theme, axiosInstance, defaultLang, placement }: Props): React.ReactElement | null;
-
-declare function init(cfg?: any): void;
-declare function wrapAxios(instance: any): void;
-declare function setAxiosInstance(instance: any): void;
-declare function get(url: string, cfg?: any): Promise<any>;
-declare function post(url: string, body?: any, cfg?: any): Promise<any>;
-declare function put(url: string, body?: any, cfg?: any): Promise<any>;
-declare function del(url: string, cfg?: any): Promise<any>;
-declare const fetch: (input: RequestInfo, init?: RequestInit & _reqwise_core.RequestConfig) => Promise<Response>;
-declare const record: (entry: Partial<_reqwise_core.ReqwiseEntry>) => void;
-
-declare const _default: {
-    init(cfg?: any): void;
-    wrapAxios(instance: any): void;
-    setAxiosInstance(instance: any): void;
-    get(url: string, cfg?: any): Promise<any>;
-    post(url: string, body?: any, cfg?: any): Promise<any>;
-    put(url: string, body?: any, cfg?: any): Promise<any>;
-    del(url: string, cfg?: any): 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;
-        setAxiosInstance: typeof setAxiosInstance;
-        get: typeof get;
-        post: typeof post;
-        put: typeof put;
-        del: 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, post, put, record, setAxiosInstance, wrapAxios };

package/dist/index.d.ts

@@ -1,47 +0,0 @@
-import * as _reqwise_core from '@reqwise/core';
-import React from 'react';
-
-type Props = {
-    defaultOpen?: boolean;
-    theme?: 'light' | 'dark';
-    axiosInstance?: any;
-    defaultLang?: string;
-    placement?: 'left' | 'right' | 'top' | 'bottom';
-};
-declare function ReqwiseDevTools({ defaultOpen, theme, axiosInstance, defaultLang, placement }: Props): React.ReactElement | null;
-
-declare function init(cfg?: any): void;
-declare function wrapAxios(instance: any): void;
-declare function setAxiosInstance(instance: any): void;
-declare function get(url: string, cfg?: any): Promise<any>;
-declare function post(url: string, body?: any, cfg?: any): Promise<any>;
-declare function put(url: string, body?: any, cfg?: any): Promise<any>;
-declare function del(url: string, cfg?: any): Promise<any>;
-declare const fetch: (input: RequestInfo, init?: RequestInit & _reqwise_core.RequestConfig) => Promise<Response>;
-declare const record: (entry: Partial<_reqwise_core.ReqwiseEntry>) => void;
-
-declare const _default: {
-    init(cfg?: any): void;
-    wrapAxios(instance: any): void;
-    setAxiosInstance(instance: any): void;
-    get(url: string, cfg?: any): Promise<any>;
-    post(url: string, body?: any, cfg?: any): Promise<any>;
-    put(url: string, body?: any, cfg?: any): Promise<any>;
-    del(url: string, cfg?: any): 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;
-        setAxiosInstance: typeof setAxiosInstance;
-        get: typeof get;
-        post: typeof post;
-        put: typeof put;
-        del: 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, post, put, record, setAxiosInstance, wrapAxios };