react-grab 0.0.57 → 0.0.59
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 +1 -1
- package/dist/{chunk-B3JEIYPC.js → chunk-KM7JGKVG.js} +646 -416
- package/dist/{chunk-IN2B3ZLM.cjs → chunk-XODHRTU2.cjs} +645 -416
- package/dist/{core-DPj35Ngb.d.cts → core-DZ65ta1h.d.cts} +4 -2
- package/dist/{core-DPj35Ngb.d.ts → core-DZ65ta1h.d.ts} +4 -2
- package/dist/core.cjs +8 -12
- package/dist/core.d.cts +1 -1
- package/dist/core.d.ts +1 -1
- package/dist/core.js +1 -1
- package/dist/index.cjs +8 -12
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.global.js +30 -29
- package/dist/index.js +2 -2
- package/dist/styles.css +1 -1
- package/package.json +2 -2
|
@@ -206,6 +206,7 @@ interface AgentSession {
|
|
|
206
206
|
};
|
|
207
207
|
selectionBounds?: OverlayBounds;
|
|
208
208
|
tagName?: string;
|
|
209
|
+
componentName?: string;
|
|
209
210
|
}
|
|
210
211
|
interface AgentProvider<T = any> {
|
|
211
212
|
send: (context: AgentContext<T>, signal: AbortSignal) => AsyncIterable<string>;
|
|
@@ -282,6 +283,7 @@ interface SelectionLabelInstance {
|
|
|
282
283
|
id: string;
|
|
283
284
|
bounds: OverlayBounds;
|
|
284
285
|
tagName: string;
|
|
286
|
+
componentName?: string;
|
|
285
287
|
status: SelectionLabelStatus;
|
|
286
288
|
createdAt: number;
|
|
287
289
|
element?: Element;
|
|
@@ -292,6 +294,7 @@ interface ReactGrabRendererProps {
|
|
|
292
294
|
selectionFilePath?: string;
|
|
293
295
|
selectionLineNumber?: number;
|
|
294
296
|
selectionTagName?: string;
|
|
297
|
+
selectionComponentName?: string;
|
|
295
298
|
selectionLabelVisible?: boolean;
|
|
296
299
|
selectionLabelStatus?: SelectionLabelStatus;
|
|
297
300
|
labelInstances?: SelectionLabelInstance[];
|
|
@@ -348,7 +351,6 @@ interface Position {
|
|
|
348
351
|
top: number;
|
|
349
352
|
}
|
|
350
353
|
|
|
351
|
-
declare const getNearestComponentName: (element: Element) => string | null;
|
|
352
354
|
interface StackFrame {
|
|
353
355
|
name: string;
|
|
354
356
|
source: FiberSource | null;
|
|
@@ -363,4 +365,4 @@ declare const generateSnippet: (elements: Element[]) => Promise<string>;
|
|
|
363
365
|
|
|
364
366
|
declare const init: (rawOptions?: Options) => ReactGrabAPI;
|
|
365
367
|
|
|
366
|
-
export { type AgentContext as A, type CrosshairContext as C, DEFAULT_THEME as D, type ElementLabelVariant as E, type GrabbedBox as G, type InputModeContext as I, type Options as O, type Position as P, type ReactGrabAPI as R, type SuccessLabelType as S, type Theme as T,
|
|
368
|
+
export { type AgentContext as A, type CrosshairContext as C, DEFAULT_THEME as D, type ElementLabelVariant as E, type GrabbedBox as G, type InputModeContext as I, type Options as O, type Position as P, type ReactGrabAPI as R, type SuccessLabelType as S, type Theme as T, generateSnippet as a, type ReactGrabState as b, type RenderType as c, type RenderData as d, type OverlayBounds as e, formatElementInfo as f, getStack as g, type DragRect as h, init as i, type Rect as j, type DeepPartial as k, type SuccessLabelContext as l, type ElementLabelContext as m, type AgentSession as n, type AgentProvider as o, type AgentSessionStorage as p, type AgentOptions as q, getFileName as r, type ReactGrabRendererProps as s };
|
|
@@ -206,6 +206,7 @@ interface AgentSession {
|
|
|
206
206
|
};
|
|
207
207
|
selectionBounds?: OverlayBounds;
|
|
208
208
|
tagName?: string;
|
|
209
|
+
componentName?: string;
|
|
209
210
|
}
|
|
210
211
|
interface AgentProvider<T = any> {
|
|
211
212
|
send: (context: AgentContext<T>, signal: AbortSignal) => AsyncIterable<string>;
|
|
@@ -282,6 +283,7 @@ interface SelectionLabelInstance {
|
|
|
282
283
|
id: string;
|
|
283
284
|
bounds: OverlayBounds;
|
|
284
285
|
tagName: string;
|
|
286
|
+
componentName?: string;
|
|
285
287
|
status: SelectionLabelStatus;
|
|
286
288
|
createdAt: number;
|
|
287
289
|
element?: Element;
|
|
@@ -292,6 +294,7 @@ interface ReactGrabRendererProps {
|
|
|
292
294
|
selectionFilePath?: string;
|
|
293
295
|
selectionLineNumber?: number;
|
|
294
296
|
selectionTagName?: string;
|
|
297
|
+
selectionComponentName?: string;
|
|
295
298
|
selectionLabelVisible?: boolean;
|
|
296
299
|
selectionLabelStatus?: SelectionLabelStatus;
|
|
297
300
|
labelInstances?: SelectionLabelInstance[];
|
|
@@ -348,7 +351,6 @@ interface Position {
|
|
|
348
351
|
top: number;
|
|
349
352
|
}
|
|
350
353
|
|
|
351
|
-
declare const getNearestComponentName: (element: Element) => string | null;
|
|
352
354
|
interface StackFrame {
|
|
353
355
|
name: string;
|
|
354
356
|
source: FiberSource | null;
|
|
@@ -363,4 +365,4 @@ declare const generateSnippet: (elements: Element[]) => Promise<string>;
|
|
|
363
365
|
|
|
364
366
|
declare const init: (rawOptions?: Options) => ReactGrabAPI;
|
|
365
367
|
|
|
366
|
-
export { type AgentContext as A, type CrosshairContext as C, DEFAULT_THEME as D, type ElementLabelVariant as E, type GrabbedBox as G, type InputModeContext as I, type Options as O, type Position as P, type ReactGrabAPI as R, type SuccessLabelType as S, type Theme as T,
|
|
368
|
+
export { type AgentContext as A, type CrosshairContext as C, DEFAULT_THEME as D, type ElementLabelVariant as E, type GrabbedBox as G, type InputModeContext as I, type Options as O, type Position as P, type ReactGrabAPI as R, type SuccessLabelType as S, type Theme as T, generateSnippet as a, type ReactGrabState as b, type RenderType as c, type RenderData as d, type OverlayBounds as e, formatElementInfo as f, getStack as g, type DragRect as h, init as i, type Rect as j, type DeepPartial as k, type SuccessLabelContext as l, type ElementLabelContext as m, type AgentSession as n, type AgentProvider as o, type AgentSessionStorage as p, type AgentOptions as q, getFileName as r, type ReactGrabRendererProps as s };
|
package/dist/core.cjs
CHANGED
|
@@ -1,38 +1,34 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkXODHRTU2_cjs = require('./chunk-XODHRTU2.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "DEFAULT_THEME", {
|
|
8
8
|
enumerable: true,
|
|
9
|
-
get: function () { return
|
|
9
|
+
get: function () { return chunkXODHRTU2_cjs.DEFAULT_THEME; }
|
|
10
10
|
});
|
|
11
11
|
Object.defineProperty(exports, "formatElementInfo", {
|
|
12
12
|
enumerable: true,
|
|
13
|
-
get: function () { return
|
|
13
|
+
get: function () { return chunkXODHRTU2_cjs.formatElementInfo; }
|
|
14
14
|
});
|
|
15
15
|
Object.defineProperty(exports, "generateSnippet", {
|
|
16
16
|
enumerable: true,
|
|
17
|
-
get: function () { return
|
|
17
|
+
get: function () { return chunkXODHRTU2_cjs.generateSnippet; }
|
|
18
18
|
});
|
|
19
19
|
Object.defineProperty(exports, "getFileName", {
|
|
20
20
|
enumerable: true,
|
|
21
|
-
get: function () { return
|
|
22
|
-
});
|
|
23
|
-
Object.defineProperty(exports, "getNearestComponentName", {
|
|
24
|
-
enumerable: true,
|
|
25
|
-
get: function () { return chunkIN2B3ZLM_cjs.getNearestComponentName; }
|
|
21
|
+
get: function () { return chunkXODHRTU2_cjs.getFileName; }
|
|
26
22
|
});
|
|
27
23
|
Object.defineProperty(exports, "getStack", {
|
|
28
24
|
enumerable: true,
|
|
29
|
-
get: function () { return
|
|
25
|
+
get: function () { return chunkXODHRTU2_cjs.getStack; }
|
|
30
26
|
});
|
|
31
27
|
Object.defineProperty(exports, "init", {
|
|
32
28
|
enumerable: true,
|
|
33
|
-
get: function () { return
|
|
29
|
+
get: function () { return chunkXODHRTU2_cjs.init; }
|
|
34
30
|
});
|
|
35
31
|
Object.defineProperty(exports, "isInstrumentationActive", {
|
|
36
32
|
enumerable: true,
|
|
37
|
-
get: function () { return
|
|
33
|
+
get: function () { return chunkXODHRTU2_cjs.Ee; }
|
|
38
34
|
});
|
package/dist/core.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { A as AgentContext,
|
|
1
|
+
export { A as AgentContext, o as AgentProvider, n as AgentSession, D as DEFAULT_THEME, O as Options, e as OverlayBounds, R as ReactGrabAPI, s as ReactGrabRendererProps, f as formatElementInfo, a as generateSnippet, r as getFileName, g as getStack, i as init } from './core-DZ65ta1h.cjs';
|
|
2
2
|
export { isInstrumentationActive } from 'bippy';
|
|
3
3
|
import 'bippy/source';
|
package/dist/core.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { A as AgentContext,
|
|
1
|
+
export { A as AgentContext, o as AgentProvider, n as AgentSession, D as DEFAULT_THEME, O as Options, e as OverlayBounds, R as ReactGrabAPI, s as ReactGrabRendererProps, f as formatElementInfo, a as generateSnippet, r as getFileName, g as getStack, i as init } from './core-DZ65ta1h.js';
|
|
2
2
|
export { isInstrumentationActive } from 'bippy';
|
|
3
3
|
import 'bippy/source';
|
package/dist/core.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { DEFAULT_THEME, formatElementInfo, generateSnippet, getFileName,
|
|
1
|
+
export { DEFAULT_THEME, formatElementInfo, generateSnippet, getFileName, getStack, init, Ee as isInstrumentationActive } from './chunk-KM7JGKVG.js';
|
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkXODHRTU2_cjs = require('./chunk-XODHRTU2.cjs');
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* @license MIT
|
|
@@ -31,7 +31,7 @@ if (typeof window !== "undefined") {
|
|
|
31
31
|
if (window.__REACT_GRAB__) {
|
|
32
32
|
globalApi = window.__REACT_GRAB__;
|
|
33
33
|
} else {
|
|
34
|
-
globalApi =
|
|
34
|
+
globalApi = chunkXODHRTU2_cjs.init();
|
|
35
35
|
window.__REACT_GRAB__ = globalApi;
|
|
36
36
|
window.dispatchEvent(
|
|
37
37
|
new CustomEvent("react-grab:init", { detail: globalApi })
|
|
@@ -41,31 +41,27 @@ if (typeof window !== "undefined") {
|
|
|
41
41
|
|
|
42
42
|
Object.defineProperty(exports, "DEFAULT_THEME", {
|
|
43
43
|
enumerable: true,
|
|
44
|
-
get: function () { return
|
|
44
|
+
get: function () { return chunkXODHRTU2_cjs.DEFAULT_THEME; }
|
|
45
45
|
});
|
|
46
46
|
Object.defineProperty(exports, "formatElementInfo", {
|
|
47
47
|
enumerable: true,
|
|
48
|
-
get: function () { return
|
|
48
|
+
get: function () { return chunkXODHRTU2_cjs.formatElementInfo; }
|
|
49
49
|
});
|
|
50
50
|
Object.defineProperty(exports, "generateSnippet", {
|
|
51
51
|
enumerable: true,
|
|
52
|
-
get: function () { return
|
|
53
|
-
});
|
|
54
|
-
Object.defineProperty(exports, "getNearestComponentName", {
|
|
55
|
-
enumerable: true,
|
|
56
|
-
get: function () { return chunkIN2B3ZLM_cjs.getNearestComponentName; }
|
|
52
|
+
get: function () { return chunkXODHRTU2_cjs.generateSnippet; }
|
|
57
53
|
});
|
|
58
54
|
Object.defineProperty(exports, "getStack", {
|
|
59
55
|
enumerable: true,
|
|
60
|
-
get: function () { return
|
|
56
|
+
get: function () { return chunkXODHRTU2_cjs.getStack; }
|
|
61
57
|
});
|
|
62
58
|
Object.defineProperty(exports, "init", {
|
|
63
59
|
enumerable: true,
|
|
64
|
-
get: function () { return
|
|
60
|
+
get: function () { return chunkXODHRTU2_cjs.init; }
|
|
65
61
|
});
|
|
66
62
|
Object.defineProperty(exports, "isInstrumentationActive", {
|
|
67
63
|
enumerable: true,
|
|
68
|
-
get: function () { return
|
|
64
|
+
get: function () { return chunkXODHRTU2_cjs.Ee; }
|
|
69
65
|
});
|
|
70
66
|
exports.getGlobalApi = getGlobalApi;
|
|
71
67
|
exports.setGlobalApi = setGlobalApi;
|
package/dist/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { R as ReactGrabAPI } from './core-
|
|
2
|
-
export { A as AgentContext,
|
|
1
|
+
import { R as ReactGrabAPI } from './core-DZ65ta1h.cjs';
|
|
2
|
+
export { A as AgentContext, q as AgentOptions, o as AgentProvider, n as AgentSession, p as AgentSessionStorage, C as CrosshairContext, D as DEFAULT_THEME, k as DeepPartial, h as DragRect, m as ElementLabelContext, E as ElementLabelVariant, G as GrabbedBox, I as InputModeContext, O as Options, e as OverlayBounds, P as Position, b as ReactGrabState, j as Rect, d as RenderData, c as RenderType, l as SuccessLabelContext, S as SuccessLabelType, T as Theme, f as formatElementInfo, a as generateSnippet, g as getStack, i as init } from './core-DZ65ta1h.cjs';
|
|
3
3
|
export { isInstrumentationActive } from 'bippy';
|
|
4
4
|
import 'bippy/source';
|
|
5
5
|
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { R as ReactGrabAPI } from './core-
|
|
2
|
-
export { A as AgentContext,
|
|
1
|
+
import { R as ReactGrabAPI } from './core-DZ65ta1h.js';
|
|
2
|
+
export { A as AgentContext, q as AgentOptions, o as AgentProvider, n as AgentSession, p as AgentSessionStorage, C as CrosshairContext, D as DEFAULT_THEME, k as DeepPartial, h as DragRect, m as ElementLabelContext, E as ElementLabelVariant, G as GrabbedBox, I as InputModeContext, O as Options, e as OverlayBounds, P as Position, b as ReactGrabState, j as Rect, d as RenderData, c as RenderType, l as SuccessLabelContext, S as SuccessLabelType, T as Theme, f as formatElementInfo, a as generateSnippet, g as getStack, i as init } from './core-DZ65ta1h.js';
|
|
3
3
|
export { isInstrumentationActive } from 'bippy';
|
|
4
4
|
import 'bippy/source';
|
|
5
5
|
|