reqwise-react 1.0.0

package/.turbo/turbo-build.log

@@ -0,0 +1,22 @@
+
+> @reqwise/react@0.0.0 build C:\Users\PC\Desktop\Code\reqwise\packages\react
+> tsup
+
+CLI Building entry: src/index.ts
+CLI Using tsconfig: tsconfig.json
+CLI tsup v8.5.1
+CLI Using tsup config: C:\Users\PC\Desktop\Code\reqwise\packages\react\tsup.config.ts
+CLI Target: es2020
+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

package/dist/index.d.mts

@@ -0,0 +1,47 @@
+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

@@ -0,0 +1,47 @@
+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.js

@@ -0,0 +1,141 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  ReqwiseDevTools: () => ReqwiseDevTools,
+  default: () => index_default,
+  del: () => del,
+  fetch: () => fetch,
+  get: () => get,
+  init: () => init,
+  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");
+
+// src/ReqwiseClient.ts
+var ReqwiseClient_exports = {};
+__export(ReqwiseClient_exports, {
+  default: () => ReqwiseClient_default,
+  del: () => del,
+  fetch: () => fetch,
+  get: () => get,
+  init: () => init,
+  post: () => post,
+  put: () => put,
+  record: () => record,
+  setAxiosInstance: () => setAxiosInstance,
+  wrapAxios: () => wrapAxios
+});
+var import_core = __toESM(require("@reqwise/core"));
+var _axiosInstance = null;
+function init(cfg) {
+  return import_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);
+}
+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 || {} });
+}
+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 || {} });
+}
+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 || {} });
+}
+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 || {} });
+}
+var fetch = import_core.default.ReqwiseClient.fetch;
+var record = import_core.default.ReqwiseClient.record;
+var ReqwiseClient_default = {
+  init,
+  wrapAxios,
+  setAxiosInstance,
+  get,
+  post,
+  put,
+  del,
+  fetch,
+  record
+};
+
+// src/ReqwiseDevTools.tsx
+function ReqwiseDevTools({ defaultOpen = false, theme = "dark", axiosInstance, defaultLang = "en", placement = "right" }) {
+  (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();
+    };
+  }, []);
+  return null;
+}
+
+// src/index.ts
+var _default = {
+  ReqwiseDevTools,
+  ...ReqwiseClient_exports
+};
+var index_default = _default;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ReqwiseDevTools,
+  del,
+  fetch,
+  get,
+  init,
+  post,
+  put,
+  record,
+  setAxiosInstance,
+  wrapAxios
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +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"]}

package/dist/index.mjs

@@ -0,0 +1,101 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/ReqwiseDevTools.tsx
+import { useEffect } from "react";
+import { panel, renderer } from "@reqwise/core";
+
+// src/ReqwiseClient.ts
+var ReqwiseClient_exports = {};
+__export(ReqwiseClient_exports, {
+  default: () => ReqwiseClient_default,
+  del: () => del,
+  fetch: () => fetch,
+  get: () => get,
+  init: () => init,
+  post: () => post,
+  put: () => put,
+  record: () => record,
+  setAxiosInstance: () => setAxiosInstance,
+  wrapAxios: () => wrapAxios
+});
+import Core from "@reqwise/core";
+var _axiosInstance = null;
+function init(cfg) {
+  return Core.ReqwiseClient.init(cfg);
+}
+function wrapAxios(instance) {
+  _axiosInstance = instance;
+  return Core.ReqwiseClient.wrapAxios(instance);
+}
+function setAxiosInstance(instance) {
+  _axiosInstance = instance;
+  return 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 || {} });
+}
+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 || {} });
+}
+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 || {} });
+}
+async function del(url, cfg) {
+  if (_axiosInstance && typeof _axiosInstance.delete === "function") return _axiosInstance.delete(url, cfg);
+  return Core.ReqwiseClient.fetch(url, { method: "DELETE", ...cfg || {} });
+}
+var fetch = Core.ReqwiseClient.fetch;
+var record = Core.ReqwiseClient.record;
+var ReqwiseClient_default = {
+  init,
+  wrapAxios,
+  setAxiosInstance,
+  get,
+  post,
+  put,
+  del,
+  fetch,
+  record
+};
+
+// src/ReqwiseDevTools.tsx
+function ReqwiseDevTools({ defaultOpen = false, theme = "dark", axiosInstance, defaultLang = "en", placement = "right" }) {
+  useEffect(() => {
+    init({ defaultOpen, defaultLang });
+    if (axiosInstance) setAxiosInstance(axiosInstance);
+    panel.setRenderer(renderer);
+    panel.mount({ defaultOpen, theme, placement });
+    return () => {
+      panel.unmount();
+    };
+  }, []);
+  return null;
+}
+
+// src/index.ts
+var _default = {
+  ReqwiseDevTools,
+  ...ReqwiseClient_exports
+};
+var index_default = _default;
+export {
+  ReqwiseDevTools,
+  index_default as default,
+  del,
+  fetch,
+  get,
+  init,
+  post,
+  put,
+  record,
+  setAxiosInstance,
+  wrapAxios
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +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":[]}

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "reqwise-react",
+  "version": "1.0.0",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "types": "dist/index.d.ts",
+  "peerDependencies": {
+    "axios": ">=1.0.0",
+    "react": ">=17.0.0"
+  },
+  "peerDependenciesMeta": {
+    "axios": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@reqwise/core": "npm:reqwise-core@^1.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^25.8.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "type-check": "tsc -p tsconfig.json --noEmit"
+  }
+}

package/src/ReqwiseClient.ts

@@ -0,0 +1,52 @@
+import Core from '@reqwise/core'
+
+let _axiosInstance: any = null
+
+export function init(cfg?: any) {
+  return Core.ReqwiseClient.init(cfg)
+}
+
+export function wrapAxios(instance: any) {
+  _axiosInstance = instance
+  return Core.ReqwiseClient.wrapAxios(instance)
+}
+
+export function setAxiosInstance(instance: any) {
+  _axiosInstance = instance
+  return Core.ReqwiseClient.wrapAxios(instance)
+}
+
+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?: 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?: 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 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 const fetch = Core.ReqwiseClient.fetch
+export const record = Core.ReqwiseClient.record
+
+export default {
+  init,
+  wrapAxios,
+  setAxiosInstance,
+  get,
+  post,
+  put,
+  del,
+  fetch,
+  record,
+}

package/src/ReqwiseDevTools.tsx

@@ -0,0 +1,29 @@
+import React, { useEffect } from 'react'
+import { storage, panel, renderer } from '@reqwise/core'
+import * as ReqwiseClient from './ReqwiseClient'
+
+type Props = {
+  defaultOpen?: boolean
+  theme?: 'light' | 'dark'
+  axiosInstance?: any
+  defaultLang?: string
+  placement?: 'left' | 'right' | 'top' | 'bottom'
+}
+
+export default function ReqwiseDevTools({ defaultOpen = false, theme = 'dark', axiosInstance, defaultLang = 'en', placement = 'right' }: Props): React.ReactElement | 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()
+    }
+  }, [])
+
+  // panel renders its own toggle button and aside — nothing to render here
+  return null
+}

package/src/index.ts

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

package/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "NodeNext",
+    "jsx": "react-jsx",
+    "declaration": true,
+    "outDir": "dist",
+    "rootDir": "src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "moduleResolution": "NodeNext",
+    "ignoreDeprecations": "6.0"
+  },
+  "include": ["src/**/*"]
+}

package/tsup.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from 'tsup'
+
+export default defineConfig({
+  entry: ['src/index.ts'],
+  format: ['cjs', 'esm'],
+  dts: true,
+  sourcemap: true,
+  clean: true,
+})