@xylabs/react-pixel-debugger 8.0.1 → 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 +11 -11
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,11 +36,11 @@
|
|
|
36
36
|
"README.md"
|
|
37
37
|
],
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@xylabs/react-
|
|
40
|
-
"@xylabs/react-
|
|
41
|
-
"@xylabs/react-
|
|
42
|
-
"@xylabs/react-
|
|
43
|
-
"@xylabs/react-shared": "~8.0.
|
|
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
46
|
"@mui/material": "~9.0.1",
|
|
@@ -50,10 +50,10 @@
|
|
|
50
50
|
"@types/react": "^19.2.14",
|
|
51
51
|
"@xylabs/pixel": "^5.1.2",
|
|
52
52
|
"@xylabs/sdk-js": "^5.1.2",
|
|
53
|
-
"@xylabs/toolchain": "~
|
|
54
|
-
"@xylabs/tsconfig": "~
|
|
55
|
-
"@xylabs/tsconfig-dom": "~
|
|
56
|
-
"@xylabs/tsconfig-react": "~
|
|
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",
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
"react-router-dom": "^7.15.0",
|
|
72
72
|
"spark-md5": "~3.0.2",
|
|
73
73
|
"storybook": "~10.3.6",
|
|
74
|
-
"typescript": "^
|
|
74
|
+
"typescript": "^6.0.3",
|
|
75
75
|
"vite": "~8.0.12",
|
|
76
76
|
"zod": "^4.4.3"
|
|
77
77
|
},
|