reqwise-core 1.1.4 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +30 -9
- package/dist/index.d.mts +15 -4
- package/dist/index.d.ts +15 -4
- package/dist/index.js +685 -96
- package/dist/index.mjs +684 -96
- package/package.json +9 -1
package/README.md
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
#
|
|
1
|
+
# reqwise-core 🚀
|
|
2
2
|
|
|
3
3
|
> **Reqwise** is a powerful, production-ready developer tool npm package that captures, logs, and visualizes HTTP API requests (Axios/Fetch) within React and vanilla JavaScript applications.
|
|
4
4
|
|
|
5
5
|
It operates like a mini **Postman** or **Chrome DevTools Network** panel embedded directly inside your application. 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.
|
|
6
6
|
|
|
7
|
-
**Version:** 1.
|
|
7
|
+
**Version:** 1.2.0 | **Status:** Production Ready
|
|
8
8
|
|
|
9
9
|
---
|
|
10
10
|
|
|
@@ -78,17 +78,17 @@ It operates like a mini **Postman** or **Chrome DevTools Network** panel embedde
|
|
|
78
78
|
|
|
79
79
|
### npm
|
|
80
80
|
```bash
|
|
81
|
-
npm install
|
|
81
|
+
npm install reqwise-core
|
|
82
82
|
```
|
|
83
83
|
|
|
84
84
|
### pnpm
|
|
85
85
|
```bash
|
|
86
|
-
pnpm add
|
|
86
|
+
pnpm add reqwise-core
|
|
87
87
|
```
|
|
88
88
|
|
|
89
89
|
### yarn
|
|
90
90
|
```bash
|
|
91
|
-
yarn add
|
|
91
|
+
yarn add reqwise-core
|
|
92
92
|
```
|
|
93
93
|
|
|
94
94
|
---
|
|
@@ -267,7 +267,7 @@ interface ReqwiseConfig {
|
|
|
267
267
|
|
|
268
268
|
### Minimal Setup
|
|
269
269
|
```typescript
|
|
270
|
-
import { panel, client } from '
|
|
270
|
+
import { panel, client } from 'reqwise-core'
|
|
271
271
|
|
|
272
272
|
// Initialize client
|
|
273
273
|
client.initClient({ enabled: true })
|
|
@@ -279,7 +279,7 @@ panel.mount()
|
|
|
279
279
|
### Production Configuration
|
|
280
280
|
```typescript
|
|
281
281
|
import axios from 'axios'
|
|
282
|
-
import { panel, client } from '
|
|
282
|
+
import { panel, client } from 'reqwise-core'
|
|
283
283
|
|
|
284
284
|
const api = axios.create({
|
|
285
285
|
baseURL: 'https://api.example.com',
|
|
@@ -348,7 +348,7 @@ client.initClient({
|
|
|
348
348
|
|
|
349
349
|
### Client Methods
|
|
350
350
|
```typescript
|
|
351
|
-
// These are available from
|
|
351
|
+
// These are available from reqwise-core → client module
|
|
352
352
|
client.initClient(config?)
|
|
353
353
|
client.recordPartial(entry)
|
|
354
354
|
client.wrapAxios(axiosInstance)
|
|
@@ -444,7 +444,28 @@ filter.removeIgnorePattern(pattern)
|
|
|
444
444
|
|
|
445
445
|
## 📝 Changelog
|
|
446
446
|
|
|
447
|
-
### v1.
|
|
447
|
+
### v1.2.0 (Current)
|
|
448
|
+
- Fixed scroll functionality in all tabs with proper flex layout constraints
|
|
449
|
+
- Fixed panel sizing for top/bottom placements (100vw width)
|
|
450
|
+
- Fixed toggle button positioning for all placement types (left, right, top, bottom)
|
|
451
|
+
- Fixed panel transform directions on toggle for top/bottom placements
|
|
452
|
+
- Added expand/collapse buttons for request/response content in Current tab
|
|
453
|
+
- Fixed full-size panel button positioning (inside panel when open, outside when closed)
|
|
454
|
+
- Performance improvement: removed renderer/zoom calls from panel toggle
|
|
455
|
+
- Comprehensive documentation updates for core and react packages
|
|
456
|
+
- Added Architecture Flow diagrams and TypeScript data models to documentation
|
|
457
|
+
- Added Core Modules and API Reference sections to documentation
|
|
458
|
+
|
|
459
|
+
### v1.1.5
|
|
460
|
+
- Published with improved documentation
|
|
461
|
+
|
|
462
|
+
### v1.1.4
|
|
463
|
+
- Updated React README with comprehensive documentation
|
|
464
|
+
- Full API reference aligned with core package
|
|
465
|
+
- Architecture flow diagrams and TypeScript data models
|
|
466
|
+
- Improved documentation structure and examples
|
|
467
|
+
|
|
468
|
+
### v1.1.3
|
|
448
469
|
- Improved documentation with comprehensive examples
|
|
449
470
|
- Enhanced TypeScript types and interfaces
|
|
450
471
|
- Stable callback system (onRequest, onResponse, onError)
|
package/dist/index.d.mts
CHANGED
|
@@ -35,6 +35,14 @@ interface ReqwiseConfig {
|
|
|
35
35
|
maskFields?: string[];
|
|
36
36
|
maxItems?: number;
|
|
37
37
|
persistHistory?: boolean;
|
|
38
|
+
onRequest?: (entry: Partial<ReqwiseEntry>) => void;
|
|
39
|
+
onResponse?: (entry: ReqwiseEntry) => void;
|
|
40
|
+
onError?: (entry: ReqwiseEntry) => void;
|
|
41
|
+
groupBy?: "url" | "method" | "status" | "page";
|
|
42
|
+
highlight?: "error" | "slow" | "none";
|
|
43
|
+
historyTTL?: number;
|
|
44
|
+
size?: "sm" | "md" | "lg" | "full";
|
|
45
|
+
opacity?: number;
|
|
38
46
|
}
|
|
39
47
|
interface RequestConfig {
|
|
40
48
|
params?: Record<string, unknown>;
|
|
@@ -79,14 +87,14 @@ declare const _default$3: {
|
|
|
79
87
|
languageDisplayName: typeof languageDisplayName;
|
|
80
88
|
};
|
|
81
89
|
|
|
82
|
-
declare function setConfig(c: Partial<ReqwiseConfig>): void;
|
|
90
|
+
declare function setConfig$1(c: Partial<ReqwiseConfig>): void;
|
|
83
91
|
declare function addIgnorePattern(p: string): void;
|
|
84
92
|
declare function removeIgnorePattern(p: string): void;
|
|
85
93
|
declare function shouldIgnore(url: string): boolean;
|
|
86
94
|
declare function maskHeaders(headers?: Record<string, string> | null): Record<string, string> | undefined;
|
|
87
95
|
declare function maskFields(payload?: any): any;
|
|
88
96
|
declare const _default$2: {
|
|
89
|
-
setConfig: typeof setConfig;
|
|
97
|
+
setConfig: typeof setConfig$1;
|
|
90
98
|
addIgnorePattern: typeof addIgnorePattern;
|
|
91
99
|
removeIgnorePattern: typeof removeIgnorePattern;
|
|
92
100
|
shouldIgnore: typeof shouldIgnore;
|
|
@@ -115,6 +123,8 @@ interface PanelConfig {
|
|
|
115
123
|
placement?: Placement;
|
|
116
124
|
hotkey?: string;
|
|
117
125
|
theme?: 'dark' | 'light' | 'system';
|
|
126
|
+
size?: 'sm' | 'md' | 'lg' | 'full';
|
|
127
|
+
opacity?: number;
|
|
118
128
|
}
|
|
119
129
|
type RendererFn = (container: HTMLElement) => void;
|
|
120
130
|
declare const panel: {
|
|
@@ -128,6 +138,7 @@ declare const panel: {
|
|
|
128
138
|
isOpen: () => boolean;
|
|
129
139
|
};
|
|
130
140
|
|
|
141
|
+
declare function setConfig(cfg: Partial<ReqwiseConfig>): void;
|
|
131
142
|
declare function renderer(container: HTMLElement): void;
|
|
132
143
|
|
|
133
144
|
declare const _default: {
|
|
@@ -140,7 +151,7 @@ declare const _default: {
|
|
|
140
151
|
replaceAll: typeof replaceAll;
|
|
141
152
|
};
|
|
142
153
|
filter: {
|
|
143
|
-
setConfig: typeof setConfig;
|
|
154
|
+
setConfig: typeof setConfig$1;
|
|
144
155
|
addIgnorePattern: typeof addIgnorePattern;
|
|
145
156
|
removeIgnorePattern: typeof removeIgnorePattern;
|
|
146
157
|
shouldIgnore: typeof shouldIgnore;
|
|
@@ -168,4 +179,4 @@ declare const _default: {
|
|
|
168
179
|
};
|
|
169
180
|
};
|
|
170
181
|
|
|
171
|
-
export { type HttpMethod, type RequestConfig, ReqwiseClient, type ReqwiseConfig, type ReqwiseEntry, type SupportedLang, _default as default, _default$2 as filter, _default$3 as i18n, panel, renderer, _default$1 as storage };
|
|
182
|
+
export { type HttpMethod, type PanelConfig, type RequestConfig, ReqwiseClient, type ReqwiseConfig, type ReqwiseEntry, type SupportedLang, _default as default, _default$2 as filter, _default$3 as i18n, panel, renderer, setConfig as rendererSetConfig, _default$1 as storage };
|
package/dist/index.d.ts
CHANGED
|
@@ -35,6 +35,14 @@ interface ReqwiseConfig {
|
|
|
35
35
|
maskFields?: string[];
|
|
36
36
|
maxItems?: number;
|
|
37
37
|
persistHistory?: boolean;
|
|
38
|
+
onRequest?: (entry: Partial<ReqwiseEntry>) => void;
|
|
39
|
+
onResponse?: (entry: ReqwiseEntry) => void;
|
|
40
|
+
onError?: (entry: ReqwiseEntry) => void;
|
|
41
|
+
groupBy?: "url" | "method" | "status" | "page";
|
|
42
|
+
highlight?: "error" | "slow" | "none";
|
|
43
|
+
historyTTL?: number;
|
|
44
|
+
size?: "sm" | "md" | "lg" | "full";
|
|
45
|
+
opacity?: number;
|
|
38
46
|
}
|
|
39
47
|
interface RequestConfig {
|
|
40
48
|
params?: Record<string, unknown>;
|
|
@@ -79,14 +87,14 @@ declare const _default$3: {
|
|
|
79
87
|
languageDisplayName: typeof languageDisplayName;
|
|
80
88
|
};
|
|
81
89
|
|
|
82
|
-
declare function setConfig(c: Partial<ReqwiseConfig>): void;
|
|
90
|
+
declare function setConfig$1(c: Partial<ReqwiseConfig>): void;
|
|
83
91
|
declare function addIgnorePattern(p: string): void;
|
|
84
92
|
declare function removeIgnorePattern(p: string): void;
|
|
85
93
|
declare function shouldIgnore(url: string): boolean;
|
|
86
94
|
declare function maskHeaders(headers?: Record<string, string> | null): Record<string, string> | undefined;
|
|
87
95
|
declare function maskFields(payload?: any): any;
|
|
88
96
|
declare const _default$2: {
|
|
89
|
-
setConfig: typeof setConfig;
|
|
97
|
+
setConfig: typeof setConfig$1;
|
|
90
98
|
addIgnorePattern: typeof addIgnorePattern;
|
|
91
99
|
removeIgnorePattern: typeof removeIgnorePattern;
|
|
92
100
|
shouldIgnore: typeof shouldIgnore;
|
|
@@ -115,6 +123,8 @@ interface PanelConfig {
|
|
|
115
123
|
placement?: Placement;
|
|
116
124
|
hotkey?: string;
|
|
117
125
|
theme?: 'dark' | 'light' | 'system';
|
|
126
|
+
size?: 'sm' | 'md' | 'lg' | 'full';
|
|
127
|
+
opacity?: number;
|
|
118
128
|
}
|
|
119
129
|
type RendererFn = (container: HTMLElement) => void;
|
|
120
130
|
declare const panel: {
|
|
@@ -128,6 +138,7 @@ declare const panel: {
|
|
|
128
138
|
isOpen: () => boolean;
|
|
129
139
|
};
|
|
130
140
|
|
|
141
|
+
declare function setConfig(cfg: Partial<ReqwiseConfig>): void;
|
|
131
142
|
declare function renderer(container: HTMLElement): void;
|
|
132
143
|
|
|
133
144
|
declare const _default: {
|
|
@@ -140,7 +151,7 @@ declare const _default: {
|
|
|
140
151
|
replaceAll: typeof replaceAll;
|
|
141
152
|
};
|
|
142
153
|
filter: {
|
|
143
|
-
setConfig: typeof setConfig;
|
|
154
|
+
setConfig: typeof setConfig$1;
|
|
144
155
|
addIgnorePattern: typeof addIgnorePattern;
|
|
145
156
|
removeIgnorePattern: typeof removeIgnorePattern;
|
|
146
157
|
shouldIgnore: typeof shouldIgnore;
|
|
@@ -168,4 +179,4 @@ declare const _default: {
|
|
|
168
179
|
};
|
|
169
180
|
};
|
|
170
181
|
|
|
171
|
-
export { type HttpMethod, type RequestConfig, ReqwiseClient, type ReqwiseConfig, type ReqwiseEntry, type SupportedLang, _default as default, _default$2 as filter, _default$3 as i18n, panel, renderer, _default$1 as storage };
|
|
182
|
+
export { type HttpMethod, type PanelConfig, type RequestConfig, ReqwiseClient, type ReqwiseConfig, type ReqwiseEntry, type SupportedLang, _default as default, _default$2 as filter, _default$3 as i18n, panel, renderer, setConfig as rendererSetConfig, _default$1 as storage };
|