@xylabs/react-pixel-debugger 8.0.0 → 8.0.2
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/dist/browser/index.mjs +1 -1
- package/dist/browser/index.mjs.map +7 -1
- package/package.json +38 -38
package/dist/browser/index.mjs
CHANGED
|
@@ -1 +1,7 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/components/PixelDebugger.tsx", "../../src/hooks/usePixelAltSendHandler.ts", "../../src/components/PixelDebuggerProvider.tsx", "../../src/components/PixelDebuggerToggle.tsx"],
|
|
4
|
+
"sourcesContent": ["import {\n Badge, Card, Divider, Typography, useTheme,\n} from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { DebugUserEventsContext } from '@xylabs/react-pixel'\nimport { Portal } from '@xylabs/react-portal'\nimport React, { use, useState } from 'react'\n\nimport { usePixelAltSendHandler } from '../hooks/index.ts'\nimport type { PixelEvent } from '../PixelEvent.ts'\n\nexport const PixelDebugger: React.FC = () => {\n const { isDebugging } = use(DebugUserEventsContext)\n // TODO - when adding in the location hook to detect location change, was dropping the setEvents in usePixelAltSendHand\n const theme = useTheme()\n const [displayEvents, setDisplayEvents] = useState(false)\n const [events, setEvents] = useState<PixelEvent[]>([])\n\n usePixelAltSendHandler((event: string, fields?: Record<string, unknown>) => {\n setEvents(events => [{ event, fields }, ...events])\n })\n\n if (!isDebugging) {\n return null\n }\n\n return (\n <Portal>\n <div style={{\n bottom: 0, left: 0, position: 'fixed', width: 350,\n }}\n >\n <Badge badgeContent={events.length} color=\"primary\" sx={{ width: '100%' }}>\n <Card\n variant=\"outlined\"\n sx={{\n backdropFilter: 'blur(16px) saturate(180%)',\n backgroundColor: 'rgba(18, 18, 18, .70)',\n overflowY: 'auto',\n width: '100%',\n }}\n color={theme.vars.palette.primary.main}\n >\n <FlexCol\n sx={{\n alignItems: 'stretch',\n flexFlow: 'column',\n maxHeight: 400,\n }}\n >\n <FlexCol\n sx={{\n alignItems: 'stretch',\n flex: '0 1 auto',\n }}\n >\n <ButtonEx variant=\"text\" onClick={() => setDisplayEvents(!displayEvents)}>\n XY Pixel Debugger\n </ButtonEx>\n </FlexCol>\n {displayEvents && events.length > 0 && (\n <FlexCol\n sx={{\n alignItems: 'stretch',\n alignContent: 'start',\n padding: 2,\n cursor: 'pointer',\n flex: '1 1 auto',\n overflowY: 'auto',\n userSelect: 'none',\n }}\n >\n {events.map((e, index) => (\n\n <PixelEventDetails key={`${e.event}`} events={events} index={index} {...e} />\n ))}\n </FlexCol>\n )}\n {displayEvents && events.length === 0 && <Typography variant=\"subtitle2\">No Events</Typography>}\n </FlexCol>\n </Card>\n </Badge>\n </div>\n </Portal>\n )\n}\n\nconst PixelEventDetails: React.FC<PixelEvent & { events: PixelEvent[]; index: number }> = ({\n event, fields, index, events,\n}) => {\n const [isOpen, setIsOpen] = useState(false)\n return (\n <FlexCol\n onClick={() => setIsOpen(!isOpen)}\n sx={{\n alignItems: 'stretch',\n marginBottom: 0.5,\n }}\n >\n <Typography variant=\"subtitle2\">{event}</Typography>\n {isOpen && (\n <Typography\n variant=\"caption\"\n sx={{ marginBottom: 0.5 }}\n >\n {JSON.stringify(fields, null, 2)}\n </Typography>\n )}\n {events[index + 1] && <Divider />}\n </FlexCol>\n )\n}\n", "import { XyPixel } from '@xylabs/pixel'\nimport type { JsonObject } from '@xylabs/sdk-js'\nimport { useEffect, useRef } from 'react'\n\nexport const usePixelAltSendHandler = (altHandler: (event: string, fields?: Record<string, unknown>) => void) => {\n const pixelSendRef = useRef<typeof XyPixel.instance.send>(undefined)\n useEffect(() => {\n if (XyPixel.instance.send) {\n pixelSendRef.current = XyPixel.instance.send.bind(XyPixel.instance)\n XyPixel.instance.send = async (event: string, fields?: JsonObject, eventId?: string) => {\n altHandler(event, fields)\n return await pixelSendRef.current?.(event, fields, eventId)\n }\n }\n return () => {\n // restore send on unmount\n if (pixelSendRef.current) {\n XyPixel.instance.send = pixelSendRef.current\n }\n }\n }, [altHandler])\n}\n", "import { DebugUserEventsContext } from '@xylabs/react-pixel'\nimport { useLocalStorage } from '@xylabs/react-shared'\nimport type { PropsWithChildren } from 'react'\nimport React, { useMemo } from 'react'\n\nexport const PixelDebuggerProvider: React.FC<PropsWithChildren> = ({ children }) => {\n const [isDebugging, setIsDebugging] = useLocalStorage<boolean>('isDebuggingPixel', false)\n const value = useMemo(() => ({ isDebugging, setIsDebugging }), [isDebugging, setIsDebugging])\n return <DebugUserEventsContext value={value}>{children}</DebugUserEventsContext>\n}\n", "import {\n FormControl, FormLabel, Switch,\n} from '@mui/material'\nimport type { BusyBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { DebugUserEventsContext } from '@xylabs/react-pixel'\nimport React, { use } from 'react'\n\nexport const PixelDebuggerToggle: React.FC<BusyBoxProps> = ({ ...props }) => {\n const { setIsDebugging, isDebugging } = use(DebugUserEventsContext)\n\n return (\n <FlexRow {...props}>\n <FormControl>\n <FormLabel>Enable Debugger</FormLabel>\n <Switch checked={isDebugging} onClick={() => setIsDebugging(!isDebugging)} />\n </FormControl>\n </FlexRow>\n )\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["events", "DebugUserEventsContext", "jsx", "DebugUserEventsContext", "use", "jsx", "jsxs"]
|
|
7
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xylabs/react-pixel-debugger",
|
|
3
|
-
"version": "8.0.
|
|
3
|
+
"version": "8.0.2",
|
|
4
4
|
"description": "Common React library for all XY Labs projects that use React",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"utility",
|
|
@@ -36,24 +36,24 @@
|
|
|
36
36
|
"README.md"
|
|
37
37
|
],
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@xylabs/react-button": "~8.0.
|
|
40
|
-
"@xylabs/react-
|
|
41
|
-
"@xylabs/react-flexbox": "~8.0.
|
|
42
|
-
"@xylabs/react-
|
|
43
|
-
"@xylabs/react-
|
|
39
|
+
"@xylabs/react-button": "~8.0.2",
|
|
40
|
+
"@xylabs/react-portal": "~8.0.2",
|
|
41
|
+
"@xylabs/react-flexbox": "~8.0.2",
|
|
42
|
+
"@xylabs/react-pixel": "~8.0.2",
|
|
43
|
+
"@xylabs/react-shared": "~8.0.2"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@mui/material": "~9.0.
|
|
46
|
+
"@mui/material": "~9.0.1",
|
|
47
47
|
"@opentelemetry/api": "^1.9.1",
|
|
48
48
|
"@opentelemetry/sdk-trace-base": "~2.7.1",
|
|
49
49
|
"@storybook/react-vite": "~10.3.6",
|
|
50
50
|
"@types/react": "^19.2.14",
|
|
51
|
-
"@xylabs/pixel": "^5.1.
|
|
52
|
-
"@xylabs/sdk-js": "^5.1.
|
|
53
|
-
"@xylabs/toolchain": "~
|
|
54
|
-
"@xylabs/tsconfig": "~
|
|
55
|
-
"@xylabs/tsconfig-dom": "~
|
|
56
|
-
"@xylabs/tsconfig-react": "~
|
|
51
|
+
"@xylabs/pixel": "^5.1.2",
|
|
52
|
+
"@xylabs/sdk-js": "^5.1.2",
|
|
53
|
+
"@xylabs/toolchain": "~8.0.2",
|
|
54
|
+
"@xylabs/tsconfig": "~8.0.2",
|
|
55
|
+
"@xylabs/tsconfig-dom": "~8.0.2",
|
|
56
|
+
"@xylabs/tsconfig-react": "~8.0.2",
|
|
57
57
|
"async-mutex": "~0.5.0",
|
|
58
58
|
"bn.js": "~5.2.3",
|
|
59
59
|
"bowser": "~2.14.1",
|
|
@@ -66,37 +66,37 @@
|
|
|
66
66
|
"mixpanel-browser": "^2.78.0",
|
|
67
67
|
"pako": "~2.1.0",
|
|
68
68
|
"query-string": "~9.3.1",
|
|
69
|
-
"react": "^19.2.
|
|
70
|
-
"react-dom": "^19.2.
|
|
69
|
+
"react": "^19.2.6",
|
|
70
|
+
"react-dom": "^19.2.6",
|
|
71
71
|
"react-router-dom": "^7.15.0",
|
|
72
72
|
"spark-md5": "~3.0.2",
|
|
73
73
|
"storybook": "~10.3.6",
|
|
74
|
-
"typescript": "^
|
|
75
|
-
"vite": "~8.0.
|
|
74
|
+
"typescript": "^6.0.3",
|
|
75
|
+
"vite": "~8.0.12",
|
|
76
76
|
"zod": "^4.4.3"
|
|
77
77
|
},
|
|
78
78
|
"peerDependencies": {
|
|
79
|
-
"@mui/material": "
|
|
80
|
-
"@opentelemetry/api": "
|
|
81
|
-
"@opentelemetry/sdk-trace-base": "
|
|
82
|
-
"@xylabs/pixel": "
|
|
83
|
-
"@xylabs/sdk-js": "
|
|
84
|
-
"async-mutex": "
|
|
85
|
-
"bn.js": "
|
|
86
|
-
"bowser": "
|
|
87
|
-
"buffer": "
|
|
88
|
-
"chalk": "
|
|
89
|
-
"ethers": "
|
|
90
|
-
"fast-deep-equal": "
|
|
91
|
-
"js-cookie": "
|
|
92
|
-
"mixpanel-browser": "
|
|
93
|
-
"pako": "
|
|
94
|
-
"query-string": "
|
|
95
|
-
"react": "
|
|
96
|
-
"react-dom": "
|
|
97
|
-
"react-router-dom": "
|
|
98
|
-
"spark-md5": "
|
|
99
|
-
"zod": "
|
|
79
|
+
"@mui/material": "~9.0",
|
|
80
|
+
"@opentelemetry/api": "^1.9",
|
|
81
|
+
"@opentelemetry/sdk-trace-base": "~2.7",
|
|
82
|
+
"@xylabs/pixel": "^5.1",
|
|
83
|
+
"@xylabs/sdk-js": "^5.1",
|
|
84
|
+
"async-mutex": "~0.5",
|
|
85
|
+
"bn.js": "~5.2",
|
|
86
|
+
"bowser": "~2.14",
|
|
87
|
+
"buffer": "~6.0",
|
|
88
|
+
"chalk": "~5.6",
|
|
89
|
+
"ethers": "~6.16",
|
|
90
|
+
"fast-deep-equal": "~3.1",
|
|
91
|
+
"js-cookie": "~3.0",
|
|
92
|
+
"mixpanel-browser": "^2.78",
|
|
93
|
+
"pako": "~2.1",
|
|
94
|
+
"query-string": "~9.3",
|
|
95
|
+
"react": "^19.2",
|
|
96
|
+
"react-dom": "^19.2",
|
|
97
|
+
"react-router-dom": "^7.15",
|
|
98
|
+
"spark-md5": "~3.0",
|
|
99
|
+
"zod": "^4.4"
|
|
100
100
|
},
|
|
101
101
|
"publishConfig": {
|
|
102
102
|
"access": "public"
|