@xylabs/react-pixel-debugger 2.17.3 → 2.17.5

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.
@@ -21,16 +21,16 @@ const PixelDebugger = () => {
21
21
  if (!isDebugging) {
22
22
  return null;
23
23
  }
24
- return ((0, jsx_runtime_1.jsx)(react_portal_1.Portal, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { bottom: 0, left: 0, position: 'fixed', width: 350 } }, { children: (0, jsx_runtime_1.jsx)(material_1.Badge, Object.assign({ badgeContent: events.length, color: "primary", sx: { width: '100%' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Card, Object.assign({ variant: "outlined", sx: {
24
+ return ((0, jsx_runtime_1.jsx)(react_portal_1.Portal, { children: (0, jsx_runtime_1.jsx)("div", { style: { bottom: 0, left: 0, position: 'fixed', width: 350 }, children: (0, jsx_runtime_1.jsx)(material_1.Badge, { badgeContent: events.length, color: "primary", sx: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(material_1.Card, { variant: "outlined", sx: {
25
25
  backdropFilter: 'blur(16px) saturate(180%)',
26
26
  backgroundColor: 'rgba(18, 18, 18, .70)',
27
27
  overflowY: 'auto',
28
28
  width: '100%',
29
- }, color: theme.palette.primary.main }, { children: (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "stretch", sx: { flexFlow: 'column', maxHeight: 400 } }, { children: [(0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "stretch", sx: { flex: '0 1 auto' } }, { children: (0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ variant: "text", onClick: () => setDisplayEvents(!displayEvents) }, { children: "XY Pixel Debugger" })) })), displayEvents && !!events.length && ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "stretch", alignContent: "start", padding: 2, sx: { cursor: 'pointer', flex: '1 1 auto', overflowY: 'auto', userSelect: 'none' } }, { children: events.map((e, index) => ((0, jsx_runtime_1.jsx)(PixelEventDetails, Object.assign({ events: events, index: index }, e), `${e.event}-${index}`))) }))), displayEvents && !events.length && (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "subtitle2" }, { children: "No Events" }))] })) })) })) })) }));
29
+ }, color: theme.palette.primary.main, children: (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, { alignItems: "stretch", sx: { flexFlow: 'column', maxHeight: 400 }, children: [(0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, { alignItems: "stretch", sx: { flex: '0 1 auto' }, children: (0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, { variant: "text", onClick: () => setDisplayEvents(!displayEvents), children: "XY Pixel Debugger" }) }), displayEvents && !!events.length && ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, { alignItems: "stretch", alignContent: "start", padding: 2, sx: { cursor: 'pointer', flex: '1 1 auto', overflowY: 'auto', userSelect: 'none' }, children: events.map((e, index) => ((0, jsx_runtime_1.jsx)(PixelEventDetails, Object.assign({ events: events, index: index }, e), `${e.event}-${index}`))) })), displayEvents && !events.length && (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle2", children: "No Events" })] }) }) }) }) }));
30
30
  };
31
31
  exports.PixelDebugger = PixelDebugger;
32
32
  const PixelEventDetails = ({ event, fields, index, events }) => {
33
33
  const [isOpen, setIsOpen] = (0, react_1.useState)(false);
34
- return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "stretch", marginBottom: 0.5, onClick: () => setIsOpen(!isOpen) }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "subtitle2" }, { children: event })), isOpen && ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ marginBottom: 0.5, variant: "caption" }, { children: JSON.stringify(fields, null, 2) }))), events[index + 1] && (0, jsx_runtime_1.jsx)(material_1.Divider, {})] })));
34
+ return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, { alignItems: "stretch", marginBottom: 0.5, onClick: () => setIsOpen(!isOpen), children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle2", children: event }), isOpen && ((0, jsx_runtime_1.jsx)(material_1.Typography, { marginBottom: 0.5, variant: "caption", children: JSON.stringify(fields, null, 2) })), events[index + 1] && (0, jsx_runtime_1.jsx)(material_1.Divider, {})] }));
35
35
  };
36
36
  //# sourceMappingURL=PixelDebugger.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"PixelDebugger.js","sourceRoot":"","sources":["../../../src/components/PixelDebugger.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"PixelDebugger.js","sourceRoot":"","sources":["../../../src/components/PixelDebugger.tsx"],"names":[],"mappings":"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"}
@@ -6,7 +6,7 @@ const react_pixel_1 = require("@xylabs/react-pixel");
6
6
  const react_shared_1 = require("@xylabs/react-shared");
7
7
  const PixelDebuggerProvider = ({ children }) => {
8
8
  const [isDebugging, setIsDebugging] = (0, react_shared_1.useLocalStorage)('isDebuggingPixel', false);
9
- return (0, jsx_runtime_1.jsx)(react_pixel_1.DebugUserEventsContext.Provider, Object.assign({ value: { isDebugging, setIsDebugging } }, { children: children }));
9
+ return (0, jsx_runtime_1.jsx)(react_pixel_1.DebugUserEventsContext.Provider, { value: { isDebugging, setIsDebugging }, children: children });
10
10
  };
11
11
  exports.PixelDebuggerProvider = PixelDebuggerProvider;
12
12
  //# sourceMappingURL=PixelDebuggerProvider.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"PixelDebuggerProvider.js","sourceRoot":"","sources":["../../../src/components/PixelDebuggerProvider.tsx"],"names":[],"mappings":";;;;AAAA,qDAA4D;AAC5D,uDAAoE;AAE7D,MAAM,qBAAqB,GAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,8BAAe,EAAU,kBAAkB,EAAE,KAAK,CAAC,CAAA;IACzF,OAAO,uBAAC,oCAAsB,CAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,gBAAG,QAAQ,IAAmC,CAAA;AAC9H,CAAC,CAAA;AAHY,QAAA,qBAAqB,yBAGjC"}
1
+ {"version":3,"file":"PixelDebuggerProvider.js","sourceRoot":"","sources":["../../../src/components/PixelDebuggerProvider.tsx"],"names":[],"mappings":";;;;AAAA,qDAA4D;AAC5D,uDAAoE;AAE7D,MAAM,qBAAqB,GAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,8BAAe,EAAU,kBAAkB,EAAE,KAAK,CAAC,CAAA;IACzF,OAAO,uBAAC,oCAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,YAAG,QAAQ,GAAmC,CAAA;AAC9H,CAAC,CAAA;AAHY,QAAA,qBAAqB,yBAGjC"}
package/dist/docs.json CHANGED
@@ -1,30 +1,29 @@
1
1
  {
2
2
  "id": 0,
3
3
  "name": "@xylabs/react-pixel-debugger",
4
+ "variant": "project",
4
5
  "kind": 1,
5
- "kindString": "Project",
6
6
  "flags": {},
7
- "originalName": "",
8
7
  "children": [
9
8
  {
10
9
  "id": 21,
11
10
  "name": "PixelEvent",
11
+ "variant": "declaration",
12
12
  "kind": 256,
13
- "kindString": "Interface",
14
13
  "flags": {},
15
14
  "children": [
16
15
  {
17
16
  "id": 22,
18
17
  "name": "event",
18
+ "variant": "declaration",
19
19
  "kind": 1024,
20
- "kindString": "Property",
21
20
  "flags": {},
22
21
  "sources": [
23
22
  {
24
23
  "fileName": "packages/pixel-debugger/src/PixelEvent.ts",
25
24
  "line": 2,
26
25
  "character": 2,
27
- "url": "https://github.com/xylabs/sdk-react/blob/77e7b7ab/packages/pixel-debugger/src/PixelEvent.ts#L2"
26
+ "url": "https://github.com/xylabs/sdk-react/blob/271ddab/packages/pixel-debugger/src/PixelEvent.ts#L2"
28
27
  }
29
28
  ],
30
29
  "type": {
@@ -35,8 +34,8 @@
35
34
  {
36
35
  "id": 23,
37
36
  "name": "fields",
37
+ "variant": "declaration",
38
38
  "kind": 1024,
39
- "kindString": "Property",
40
39
  "flags": {
41
40
  "isOptional": true
42
41
  },
@@ -45,7 +44,7 @@
45
44
  "fileName": "packages/pixel-debugger/src/PixelEvent.ts",
46
45
  "line": 3,
47
46
  "character": 2,
48
- "url": "https://github.com/xylabs/sdk-react/blob/77e7b7ab/packages/pixel-debugger/src/PixelEvent.ts#L3"
47
+ "url": "https://github.com/xylabs/sdk-react/blob/271ddab/packages/pixel-debugger/src/PixelEvent.ts#L3"
49
48
  }
50
49
  ],
51
50
  "type": {
@@ -68,45 +67,52 @@
68
67
  "fileName": "packages/pixel-debugger/src/PixelEvent.ts",
69
68
  "line": 1,
70
69
  "character": 17,
71
- "url": "https://github.com/xylabs/sdk-react/blob/77e7b7ab/packages/pixel-debugger/src/PixelEvent.ts#L1"
70
+ "url": "https://github.com/xylabs/sdk-react/blob/271ddab/packages/pixel-debugger/src/PixelEvent.ts#L1"
72
71
  }
73
72
  ]
74
73
  },
75
74
  {
76
75
  "id": 1,
77
76
  "name": "PixelDebugger",
77
+ "variant": "declaration",
78
78
  "kind": 64,
79
- "kindString": "Function",
80
79
  "flags": {},
81
80
  "sources": [
82
81
  {
83
82
  "fileName": "packages/pixel-debugger/src/components/PixelDebugger.tsx",
84
83
  "line": 11,
85
84
  "character": 13,
86
- "url": "https://github.com/xylabs/sdk-react/blob/77e7b7ab/packages/pixel-debugger/src/components/PixelDebugger.tsx#L11"
85
+ "url": "https://github.com/xylabs/sdk-react/blob/271ddab/packages/pixel-debugger/src/components/PixelDebugger.tsx#L11"
87
86
  }
88
87
  ],
89
88
  "signatures": [
90
89
  {
91
90
  "id": 2,
92
91
  "name": "PixelDebugger",
92
+ "variant": "signature",
93
93
  "kind": 4096,
94
- "kindString": "Call signature",
95
94
  "flags": {},
95
+ "sources": [
96
+ {
97
+ "fileName": "node_modules/@types/react/index.d.ts",
98
+ "line": 556,
99
+ "character": 8
100
+ }
101
+ ],
96
102
  "parameters": [
97
103
  {
98
104
  "id": 3,
99
105
  "name": "props",
106
+ "variant": "param",
100
107
  "kind": 32768,
101
- "kindString": "Parameter",
102
108
  "flags": {},
103
109
  "type": {
104
110
  "type": "reflection",
105
111
  "declaration": {
106
112
  "id": 4,
107
113
  "name": "__type",
114
+ "variant": "declaration",
108
115
  "kind": 65536,
109
- "kindString": "Type literal",
110
116
  "flags": {}
111
117
  }
112
118
  }
@@ -114,8 +120,8 @@
114
120
  {
115
121
  "id": 5,
116
122
  "name": "context",
123
+ "variant": "param",
117
124
  "kind": 32768,
118
- "kindString": "Parameter",
119
125
  "flags": {
120
126
  "isOptional": true
121
127
  },
@@ -126,29 +132,14 @@
126
132
  }
127
133
  ],
128
134
  "type": {
129
- "type": "union",
130
- "types": [
131
- {
132
- "type": "literal",
133
- "value": null
134
- },
135
- {
136
- "type": "reference",
137
- "typeArguments": [
138
- {
139
- "type": "intrinsic",
140
- "name": "any"
141
- },
142
- {
143
- "type": "intrinsic",
144
- "name": "any"
145
- }
146
- ],
147
- "name": "ReactElement",
148
- "qualifiedName": "React.ReactElement",
149
- "package": "@types/react"
150
- }
151
- ]
135
+ "type": "reference",
136
+ "target": {
137
+ "sourceFileName": "../../node_modules/@types/react/index.d.ts",
138
+ "qualifiedName": "React.ReactNode"
139
+ },
140
+ "name": "ReactNode",
141
+ "package": "@types/react",
142
+ "qualifiedName": "React.ReactNode"
152
143
  }
153
144
  }
154
145
  ]
@@ -156,41 +147,53 @@
156
147
  {
157
148
  "id": 6,
158
149
  "name": "PixelDebuggerProvider",
150
+ "variant": "declaration",
159
151
  "kind": 64,
160
- "kindString": "Function",
161
152
  "flags": {},
162
153
  "sources": [
163
154
  {
164
155
  "fileName": "packages/pixel-debugger/src/components/PixelDebuggerProvider.tsx",
165
156
  "line": 4,
166
157
  "character": 13,
167
- "url": "https://github.com/xylabs/sdk-react/blob/77e7b7ab/packages/pixel-debugger/src/components/PixelDebuggerProvider.tsx#L4"
158
+ "url": "https://github.com/xylabs/sdk-react/blob/271ddab/packages/pixel-debugger/src/components/PixelDebuggerProvider.tsx#L4"
168
159
  }
169
160
  ],
170
161
  "signatures": [
171
162
  {
172
163
  "id": 7,
173
164
  "name": "PixelDebuggerProvider",
165
+ "variant": "signature",
174
166
  "kind": 4096,
175
- "kindString": "Call signature",
176
167
  "flags": {},
168
+ "sources": [
169
+ {
170
+ "fileName": "node_modules/@types/react/index.d.ts",
171
+ "line": 556,
172
+ "character": 8
173
+ }
174
+ ],
177
175
  "parameters": [
178
176
  {
179
177
  "id": 8,
180
178
  "name": "props",
179
+ "variant": "param",
181
180
  "kind": 32768,
182
- "kindString": "Parameter",
183
181
  "flags": {},
184
182
  "type": {
185
183
  "type": "reference",
186
- "name": "WithChildren"
184
+ "target": {
185
+ "sourceFileName": "../shared/src/WithChildren.ts",
186
+ "qualifiedName": "WithChildren"
187
+ },
188
+ "name": "WithChildren",
189
+ "package": "@xylabs/react-shared"
187
190
  }
188
191
  },
189
192
  {
190
193
  "id": 9,
191
194
  "name": "context",
195
+ "variant": "param",
192
196
  "kind": 32768,
193
- "kindString": "Parameter",
194
197
  "flags": {
195
198
  "isOptional": true
196
199
  },
@@ -201,29 +204,14 @@
201
204
  }
202
205
  ],
203
206
  "type": {
204
- "type": "union",
205
- "types": [
206
- {
207
- "type": "literal",
208
- "value": null
209
- },
210
- {
211
- "type": "reference",
212
- "typeArguments": [
213
- {
214
- "type": "intrinsic",
215
- "name": "any"
216
- },
217
- {
218
- "type": "intrinsic",
219
- "name": "any"
220
- }
221
- ],
222
- "name": "ReactElement",
223
- "qualifiedName": "React.ReactElement",
224
- "package": "@types/react"
225
- }
226
- ]
207
+ "type": "reference",
208
+ "target": {
209
+ "sourceFileName": "../../node_modules/@types/react/index.d.ts",
210
+ "qualifiedName": "React.ReactNode"
211
+ },
212
+ "name": "ReactNode",
213
+ "package": "@types/react",
214
+ "qualifiedName": "React.ReactNode"
227
215
  }
228
216
  }
229
217
  ]
@@ -231,41 +219,53 @@
231
219
  {
232
220
  "id": 10,
233
221
  "name": "PixelDebuggerToggle",
222
+ "variant": "declaration",
234
223
  "kind": 64,
235
- "kindString": "Function",
236
224
  "flags": {},
237
225
  "sources": [
238
226
  {
239
227
  "fileName": "packages/pixel-debugger/src/components/PixelDebuggerToggle.tsx",
240
228
  "line": 6,
241
229
  "character": 13,
242
- "url": "https://github.com/xylabs/sdk-react/blob/77e7b7ab/packages/pixel-debugger/src/components/PixelDebuggerToggle.tsx#L6"
230
+ "url": "https://github.com/xylabs/sdk-react/blob/271ddab/packages/pixel-debugger/src/components/PixelDebuggerToggle.tsx#L6"
243
231
  }
244
232
  ],
245
233
  "signatures": [
246
234
  {
247
235
  "id": 11,
248
236
  "name": "PixelDebuggerToggle",
237
+ "variant": "signature",
249
238
  "kind": 4096,
250
- "kindString": "Call signature",
251
239
  "flags": {},
240
+ "sources": [
241
+ {
242
+ "fileName": "node_modules/@types/react/index.d.ts",
243
+ "line": 556,
244
+ "character": 8
245
+ }
246
+ ],
252
247
  "parameters": [
253
248
  {
254
249
  "id": 12,
255
250
  "name": "props",
251
+ "variant": "param",
256
252
  "kind": 32768,
257
- "kindString": "Parameter",
258
253
  "flags": {},
259
254
  "type": {
260
255
  "type": "reference",
261
- "name": "BusyBoxProps"
256
+ "target": {
257
+ "sourceFileName": "../flexbox/src/components/BusyBox/BusyBox.tsx",
258
+ "qualifiedName": "BusyBoxProps"
259
+ },
260
+ "name": "BusyBoxProps",
261
+ "package": "@xylabs/react-flexbox"
262
262
  }
263
263
  },
264
264
  {
265
265
  "id": 13,
266
266
  "name": "context",
267
+ "variant": "param",
267
268
  "kind": 32768,
268
- "kindString": "Parameter",
269
269
  "flags": {
270
270
  "isOptional": true
271
271
  },
@@ -276,29 +276,14 @@
276
276
  }
277
277
  ],
278
278
  "type": {
279
- "type": "union",
280
- "types": [
281
- {
282
- "type": "literal",
283
- "value": null
284
- },
285
- {
286
- "type": "reference",
287
- "typeArguments": [
288
- {
289
- "type": "intrinsic",
290
- "name": "any"
291
- },
292
- {
293
- "type": "intrinsic",
294
- "name": "any"
295
- }
296
- ],
297
- "name": "ReactElement",
298
- "qualifiedName": "React.ReactElement",
299
- "package": "@types/react"
300
- }
301
- ]
279
+ "type": "reference",
280
+ "target": {
281
+ "sourceFileName": "../../node_modules/@types/react/index.d.ts",
282
+ "qualifiedName": "React.ReactNode"
283
+ },
284
+ "name": "ReactNode",
285
+ "package": "@types/react",
286
+ "qualifiedName": "React.ReactNode"
302
287
  }
303
288
  }
304
289
  ]
@@ -306,60 +291,76 @@
306
291
  {
307
292
  "id": 14,
308
293
  "name": "usePixelAltSendHandler",
294
+ "variant": "declaration",
309
295
  "kind": 64,
310
- "kindString": "Function",
311
296
  "flags": {},
312
297
  "sources": [
313
298
  {
314
299
  "fileName": "packages/pixel-debugger/src/hooks/usePixelAltSendHandler.ts",
315
300
  "line": 4,
316
301
  "character": 13,
317
- "url": "https://github.com/xylabs/sdk-react/blob/77e7b7ab/packages/pixel-debugger/src/hooks/usePixelAltSendHandler.ts#L4"
302
+ "url": "https://github.com/xylabs/sdk-react/blob/271ddab/packages/pixel-debugger/src/hooks/usePixelAltSendHandler.ts#L4"
318
303
  }
319
304
  ],
320
305
  "signatures": [
321
306
  {
322
307
  "id": 15,
323
308
  "name": "usePixelAltSendHandler",
309
+ "variant": "signature",
324
310
  "kind": 4096,
325
- "kindString": "Call signature",
326
311
  "flags": {},
312
+ "sources": [
313
+ {
314
+ "fileName": "packages/pixel-debugger/src/hooks/usePixelAltSendHandler.ts",
315
+ "line": 4,
316
+ "character": 38,
317
+ "url": "https://github.com/xylabs/sdk-react/blob/271ddab/packages/pixel-debugger/src/hooks/usePixelAltSendHandler.ts#L4"
318
+ }
319
+ ],
327
320
  "parameters": [
328
321
  {
329
322
  "id": 16,
330
323
  "name": "altHandler",
324
+ "variant": "param",
331
325
  "kind": 32768,
332
- "kindString": "Parameter",
333
326
  "flags": {},
334
327
  "type": {
335
328
  "type": "reflection",
336
329
  "declaration": {
337
330
  "id": 17,
338
331
  "name": "__type",
332
+ "variant": "declaration",
339
333
  "kind": 65536,
340
- "kindString": "Type literal",
341
334
  "flags": {},
342
335
  "sources": [
343
336
  {
344
337
  "fileName": "packages/pixel-debugger/src/hooks/usePixelAltSendHandler.ts",
345
338
  "line": 4,
346
339
  "character": 51,
347
- "url": "https://github.com/xylabs/sdk-react/blob/77e7b7ab/packages/pixel-debugger/src/hooks/usePixelAltSendHandler.ts#L4"
340
+ "url": "https://github.com/xylabs/sdk-react/blob/271ddab/packages/pixel-debugger/src/hooks/usePixelAltSendHandler.ts#L4"
348
341
  }
349
342
  ],
350
343
  "signatures": [
351
344
  {
352
345
  "id": 18,
353
346
  "name": "__type",
347
+ "variant": "signature",
354
348
  "kind": 4096,
355
- "kindString": "Call signature",
356
349
  "flags": {},
350
+ "sources": [
351
+ {
352
+ "fileName": "packages/pixel-debugger/src/hooks/usePixelAltSendHandler.ts",
353
+ "line": 4,
354
+ "character": 51,
355
+ "url": "https://github.com/xylabs/sdk-react/blob/271ddab/packages/pixel-debugger/src/hooks/usePixelAltSendHandler.ts#L4"
356
+ }
357
+ ],
357
358
  "parameters": [
358
359
  {
359
360
  "id": 19,
360
361
  "name": "event",
362
+ "variant": "param",
361
363
  "kind": 32768,
362
- "kindString": "Parameter",
363
364
  "flags": {},
364
365
  "type": {
365
366
  "type": "intrinsic",
@@ -369,13 +370,17 @@
369
370
  {
370
371
  "id": 20,
371
372
  "name": "fields",
373
+ "variant": "param",
372
374
  "kind": 32768,
373
- "kindString": "Parameter",
374
375
  "flags": {
375
376
  "isOptional": true
376
377
  },
377
378
  "type": {
378
379
  "type": "reference",
380
+ "target": {
381
+ "sourceFileName": "../../node_modules/typescript/lib/lib.es5.d.ts",
382
+ "qualifiedName": "Record"
383
+ },
379
384
  "typeArguments": [
380
385
  {
381
386
  "type": "intrinsic",
@@ -387,7 +392,6 @@
387
392
  }
388
393
  ],
389
394
  "name": "Record",
390
- "qualifiedName": "Record",
391
395
  "package": "typescript"
392
396
  }
393
397
  }
@@ -427,12 +431,141 @@
427
431
  ]
428
432
  }
429
433
  ],
430
- "sources": [
434
+ "packageName": "@xylabs/react-pixel-debugger",
435
+ "readme": [
436
+ {
437
+ "kind": "text",
438
+ "text": "[![logo][]](https://xylabs.com)\n\n# @xylabs/sdk-react\n\n[![main-build][]][main-build-link]\n[![beta-build][]][beta-build-link]\n[![npm-badge][]][npm-link]\n[![bch-badge][]][bch-link]\n[![codacy-badge][]][codacy-link]\n[![codeclimate-badge][]][codeclimate-link]\n[![snyk-badge][]][snyk-link]\n\n> XY Labs generalized React library \n\n## Table of Contents\n\n- [Description](#description)\n- [Install](#install)\n- [Scripts](#scripts)\n- [Maintainers](#maintainers)\n- [License](#license)\n- [Credits](#credits)\n\n## Description\n\nCommon React code that is used throughtout XYO projects that use React.\n\n## Install\n\nUsing npm:\n\n"
439
+ },
440
+ {
441
+ "kind": "code",
442
+ "text": "```sh\nnpm i --save @xylabs/sdk-react\n```"
443
+ },
444
+ {
445
+ "kind": "text",
446
+ "text": "\n\nUsing yarn:\n\n"
447
+ },
448
+ {
449
+ "kind": "code",
450
+ "text": "```sh\nyarn add @xylabs/sdk-react\n```"
451
+ },
452
+ {
453
+ "kind": "text",
454
+ "text": "\n\n## Scripts\n\nSee [ts-scripts-yarn3](https://github.com/xylabs/ts-scripts-yarn3/blob/main/README.md) for\nlist of shared scripts. The below scripts are custom scripts for this repo.\n\n### Build (Storybook)\n\nBuild the static Storybook site\n\n"
455
+ },
456
+ {
457
+ "kind": "code",
458
+ "text": "```sh\nyarn build-storybook\n```"
459
+ },
460
+ {
461
+ "kind": "text",
462
+ "text": "\n\n### Start\n\nStarts the project in the browser for testing, with auto reload using Storybook\n\n"
463
+ },
431
464
  {
432
- "fileName": "packages/pixel-debugger/src/index.ts",
433
- "line": 1,
434
- "character": 0,
435
- "url": "https://github.com/xylabs/sdk-react/blob/77e7b7ab/packages/pixel-debugger/src/index.ts#L1"
465
+ "kind": "code",
466
+ "text": "```sh\nyarn start\n```"
467
+ },
468
+ {
469
+ "kind": "text",
470
+ "text": "\n\n## Maintainers\n\n- [Arie Trouw](https://github.com/arietrouw) [arietrouw.com](https://arietrouw.com)\n\n## License\n\nSee the [LICENSE](LICENSE) file for license details\n\n## Credits\n\n[Made with 🔥and ❄️ by XY Labs](https://xylabs.com)\n\n[logo]: https://cdn.xy.company/img/brand/XYPersistentCompany_Logo_Icon_Colored.svg\n\n[main-build]: https://github.com/xylabs/sdk-react/actions/workflows/build-main.yml/badge.svg\n[main-build-link]: https://github.com/xylabs/sdk-react/actions/workflows/build-main.yml\n\n[beta-build]: https://github.com/xylabs/sdk-react/actions/workflows/build-beta.yml/badge.svg\n[beta-build-link]: https://github.com/xylabs/sdk-react/actions/workflows/build-beta.yml\n\n[npm-badge]: https://img.shields.io/npm/v/@xylabs/sdk-react.svg\n[npm-link]: https://www.npmjs.com/package/@xylabs/sdk-react\n\n[bch-badge]: https://bettercodehub.com/edge/badge/xylabs/sdk-react?branch=main\n[bch-link]: https://bettercodehub.com/results/xylabs/sdk-react\n\n[codacy-badge]: https://app.codacy.com/project/badge/Grade/c2a69d4530ed4b7da6ddb070169dd339\n[codacy-link]: https://www.codacy.com/gh/xylabs/sdk-react/dashboard?utm_source=github.com&utm_medium=referral&utm_content=xylabs/sdk-react&utm_campaign=Badge_Grade\n\n[codeclimate-badge]: https://api.codeclimate.com/v1/badges/c461e0bc2b00c0b01ac0/maintainability\n[codeclimate-link]: https://codeclimate.com/github/xylabs/sdk-react/maintainability\n\n[snyk-badge]: https://snyk.io/test/github/xylabs/sdk-react/badge.svg?targetFile=package.json\n[snyk-link]: https://snyk.io/test/github/xylabs/sdk-react?targetFile=package.json"
471
+ }
472
+ ],
473
+ "symbolIdMap": {
474
+ "0": {
475
+ "sourceFileName": "src/index.ts",
476
+ "qualifiedName": ""
477
+ },
478
+ "1": {
479
+ "sourceFileName": "src/components/PixelDebugger.tsx",
480
+ "qualifiedName": "PixelDebugger"
481
+ },
482
+ "2": {
483
+ "sourceFileName": "../../node_modules/@types/react/index.d.ts",
484
+ "qualifiedName": "PixelDebugger"
485
+ },
486
+ "3": {
487
+ "sourceFileName": "../../node_modules/@types/react/index.d.ts",
488
+ "qualifiedName": "props"
489
+ },
490
+ "4": {
491
+ "sourceFileName": "\u0000",
492
+ "qualifiedName": "__type"
493
+ },
494
+ "5": {
495
+ "sourceFileName": "../../node_modules/@types/react/index.d.ts",
496
+ "qualifiedName": "context"
497
+ },
498
+ "6": {
499
+ "sourceFileName": "src/components/PixelDebuggerProvider.tsx",
500
+ "qualifiedName": "PixelDebuggerProvider"
501
+ },
502
+ "7": {
503
+ "sourceFileName": "../../node_modules/@types/react/index.d.ts",
504
+ "qualifiedName": "PixelDebuggerProvider"
505
+ },
506
+ "8": {
507
+ "sourceFileName": "../../node_modules/@types/react/index.d.ts",
508
+ "qualifiedName": "props"
509
+ },
510
+ "9": {
511
+ "sourceFileName": "../../node_modules/@types/react/index.d.ts",
512
+ "qualifiedName": "context"
513
+ },
514
+ "10": {
515
+ "sourceFileName": "src/components/PixelDebuggerToggle.tsx",
516
+ "qualifiedName": "PixelDebuggerToggle"
517
+ },
518
+ "11": {
519
+ "sourceFileName": "../../node_modules/@types/react/index.d.ts",
520
+ "qualifiedName": "PixelDebuggerToggle"
521
+ },
522
+ "12": {
523
+ "sourceFileName": "../../node_modules/@types/react/index.d.ts",
524
+ "qualifiedName": "props"
525
+ },
526
+ "13": {
527
+ "sourceFileName": "../../node_modules/@types/react/index.d.ts",
528
+ "qualifiedName": "context"
529
+ },
530
+ "14": {
531
+ "sourceFileName": "src/hooks/usePixelAltSendHandler.ts",
532
+ "qualifiedName": "usePixelAltSendHandler"
533
+ },
534
+ "15": {
535
+ "sourceFileName": "src/hooks/usePixelAltSendHandler.ts",
536
+ "qualifiedName": "usePixelAltSendHandler"
537
+ },
538
+ "16": {
539
+ "sourceFileName": "src/hooks/usePixelAltSendHandler.ts",
540
+ "qualifiedName": "altHandler"
541
+ },
542
+ "17": {
543
+ "sourceFileName": "src/hooks/usePixelAltSendHandler.ts",
544
+ "qualifiedName": "__type"
545
+ },
546
+ "18": {
547
+ "sourceFileName": "src/hooks/usePixelAltSendHandler.ts",
548
+ "qualifiedName": "__type"
549
+ },
550
+ "19": {
551
+ "sourceFileName": "src/hooks/usePixelAltSendHandler.ts",
552
+ "qualifiedName": "event"
553
+ },
554
+ "20": {
555
+ "sourceFileName": "src/hooks/usePixelAltSendHandler.ts",
556
+ "qualifiedName": "fields"
557
+ },
558
+ "21": {
559
+ "sourceFileName": "src/PixelEvent.ts",
560
+ "qualifiedName": "PixelEvent"
561
+ },
562
+ "22": {
563
+ "sourceFileName": "src/PixelEvent.ts",
564
+ "qualifiedName": "PixelEvent.event"
565
+ },
566
+ "23": {
567
+ "sourceFileName": "src/PixelEvent.ts",
568
+ "qualifiedName": "PixelEvent.fields"
436
569
  }
437
- ]
570
+ }
438
571
  }