@xylabs/react-pixel-debugger 7.2.5 → 8.0.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.
@@ -1 +1 @@
1
- {"version":3,"file":"PixelDebugger.d.ts","sourceRoot":"","sources":["../../../src/components/PixelDebugger.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAK5C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EA+DjC,CAAA"}
1
+ {"version":3,"file":"PixelDebugger.d.ts","sourceRoot":"","sources":["../../../src/components/PixelDebugger.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAK5C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EA0EjC,CAAA"}
@@ -69,17 +69,29 @@ var PixelDebugger = () => {
69
69
  children: /* @__PURE__ */ jsxs(
70
70
  FlexCol,
71
71
  {
72
- alignItems: "stretch",
73
- sx: { flexFlow: "column", maxHeight: 400 },
72
+ sx: {
73
+ alignItems: "stretch",
74
+ flexFlow: "column",
75
+ maxHeight: 400
76
+ },
74
77
  children: [
75
- /* @__PURE__ */ jsx(FlexCol, { alignItems: "stretch", sx: { flex: "0 1 auto" }, children: /* @__PURE__ */ jsx(ButtonEx, { variant: "text", onClick: () => setDisplayEvents(!displayEvents), children: "XY Pixel Debugger" }) }),
78
+ /* @__PURE__ */ jsx(
79
+ FlexCol,
80
+ {
81
+ sx: {
82
+ alignItems: "stretch",
83
+ flex: "0 1 auto"
84
+ },
85
+ children: /* @__PURE__ */ jsx(ButtonEx, { variant: "text", onClick: () => setDisplayEvents(!displayEvents), children: "XY Pixel Debugger" })
86
+ }
87
+ ),
76
88
  displayEvents && events.length > 0 && /* @__PURE__ */ jsx(
77
89
  FlexCol,
78
90
  {
79
- alignItems: "stretch",
80
- alignContent: "start",
81
- padding: 2,
82
91
  sx: {
92
+ alignItems: "stretch",
93
+ alignContent: "start",
94
+ padding: 2,
83
95
  cursor: "pointer",
84
96
  flex: "1 1 auto",
85
97
  overflowY: "auto",
@@ -104,11 +116,28 @@ var PixelEventDetails = ({
104
116
  events
105
117
  }) => {
106
118
  const [isOpen, setIsOpen] = useState(false);
107
- return /* @__PURE__ */ jsxs(FlexCol, { alignItems: "stretch", marginBottom: 0.5, onClick: () => setIsOpen(!isOpen), children: [
108
- /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: event }),
109
- isOpen && /* @__PURE__ */ jsx(Typography, { marginBottom: 0.5, variant: "caption", children: JSON.stringify(fields, null, 2) }),
110
- events[index + 1] && /* @__PURE__ */ jsx(Divider, {})
111
- ] });
119
+ return /* @__PURE__ */ jsxs(
120
+ FlexCol,
121
+ {
122
+ onClick: () => setIsOpen(!isOpen),
123
+ sx: {
124
+ alignItems: "stretch",
125
+ marginBottom: 0.5
126
+ },
127
+ children: [
128
+ /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: event }),
129
+ isOpen && /* @__PURE__ */ jsx(
130
+ Typography,
131
+ {
132
+ variant: "caption",
133
+ sx: { marginBottom: 0.5 },
134
+ children: JSON.stringify(fields, null, 2)
135
+ }
136
+ ),
137
+ events[index + 1] && /* @__PURE__ */ jsx(Divider, {})
138
+ ]
139
+ }
140
+ );
112
141
  };
113
142
 
114
143
  // src/components/PixelDebuggerProvider.tsx
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/components/PixelDebugger.tsx","../../src/hooks/usePixelAltSendHandler.ts","../../src/components/PixelDebuggerProvider.tsx","../../src/components/PixelDebuggerToggle.tsx"],"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 alignItems=\"stretch\"\n sx={{ flexFlow: 'column', maxHeight: 400 }}\n >\n <FlexCol alignItems=\"stretch\" sx={{ flex: '0 1 auto' }}>\n <ButtonEx variant=\"text\" onClick={() => setDisplayEvents(!displayEvents)}>\n XY Pixel Debugger\n </ButtonEx>\n </FlexCol>\n {displayEvents && events.length > 0 && (\n <FlexCol\n alignItems=\"stretch\"\n alignContent=\"start\"\n padding={2}\n sx={{\n cursor: 'pointer', flex: '1 1 auto', overflowY: 'auto', 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 alignItems=\"stretch\" marginBottom={0.5} onClick={() => setIsOpen(!isOpen)}>\n <Typography variant=\"subtitle2\">{event}</Typography>\n {isOpen && (\n <Typography marginBottom={0.5} variant=\"caption\">\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"],"mappings":"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","names":["events","DebugUserEventsContext","jsx","DebugUserEventsContext","use","jsx","jsxs"]}
1
+ {"version":3,"sources":["../../src/components/PixelDebugger.tsx","../../src/hooks/usePixelAltSendHandler.ts","../../src/components/PixelDebuggerProvider.tsx","../../src/components/PixelDebuggerToggle.tsx"],"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"],"mappings":"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","names":["events","DebugUserEventsContext","jsx","DebugUserEventsContext","use","jsx","jsxs"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xylabs/react-pixel-debugger",
3
- "version": "7.2.5",
3
+ "version": "8.0.0",
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": "~7.2.5",
40
- "@xylabs/react-flexbox": "~7.2.5",
41
- "@xylabs/react-pixel": "~7.2.5",
42
- "@xylabs/react-shared": "~7.2.5",
43
- "@xylabs/react-portal": "~7.2.5"
39
+ "@xylabs/react-button": "~8.0.0",
40
+ "@xylabs/react-pixel": "~8.0.0",
41
+ "@xylabs/react-flexbox": "~8.0.0",
42
+ "@xylabs/react-shared": "~8.0.0",
43
+ "@xylabs/react-portal": "~8.0.0"
44
44
  },
45
45
  "devDependencies": {
46
- "@mui/material": "~7.3.11",
46
+ "@mui/material": "~9.0.0",
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.2",
52
- "@xylabs/sdk-js": "^5.1.2",
53
- "@xylabs/toolchain": "~7.13.15",
54
- "@xylabs/tsconfig": "~7.13.15",
55
- "@xylabs/tsconfig-dom": "~7.13.15",
56
- "@xylabs/tsconfig-react": "~7.13.15",
51
+ "@xylabs/pixel": "^5.1.0",
52
+ "@xylabs/sdk-js": "^5.1.0",
53
+ "@xylabs/toolchain": "~7.13.0",
54
+ "@xylabs/tsconfig": "~7.13.0",
55
+ "@xylabs/tsconfig-dom": "~7.13.0",
56
+ "@xylabs/tsconfig-react": "~7.13.0",
57
57
  "async-mutex": "~0.5.0",
58
58
  "bn.js": "~5.2.3",
59
59
  "bowser": "~2.14.1",
@@ -66,8 +66,8 @@
66
66
  "mixpanel-browser": "^2.78.0",
67
67
  "pako": "~2.1.0",
68
68
  "query-string": "~9.3.1",
69
- "react": "^19.2.6",
70
- "react-dom": "^19.2.6",
69
+ "react": "^19.2.5",
70
+ "react-dom": "^19.2.5",
71
71
  "react-router-dom": "^7.15.0",
72
72
  "spark-md5": "~3.0.2",
73
73
  "storybook": "~10.3.6",
@@ -76,27 +76,27 @@
76
76
  "zod": "^4.4.3"
77
77
  },
78
78
  "peerDependencies": {
79
- "@mui/material": "~7.3",
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"
79
+ "@mui/material": ">=9.0.0 <9.1",
80
+ "@opentelemetry/api": ">=1.9.1 <2",
81
+ "@opentelemetry/sdk-trace-base": ">=2.7.1 <2.8",
82
+ "@xylabs/pixel": ">=5.1.0 <6",
83
+ "@xylabs/sdk-js": ">=5.1.0 <6",
84
+ "async-mutex": ">=0.5.0 <0.6",
85
+ "bn.js": ">=5.2.3 <5.3",
86
+ "bowser": ">=2.14.1 <2.15",
87
+ "buffer": ">=6.0.3 <6.1",
88
+ "chalk": ">=5.6.2 <5.7",
89
+ "ethers": ">=6.16.0 <6.17",
90
+ "fast-deep-equal": ">=3.1.3 <3.2",
91
+ "js-cookie": ">=3.0.5 <3.1",
92
+ "mixpanel-browser": ">=2.78.0 <3",
93
+ "pako": ">=2.1.0 <2.2",
94
+ "query-string": ">=9.3.1 <9.4",
95
+ "react": ">=19.2.5 <20",
96
+ "react-dom": ">=19.2.5 <20",
97
+ "react-router-dom": ">=7.15.0 <8",
98
+ "spark-md5": ">=3.0.2 <3.1",
99
+ "zod": ">=4.4.3 <5"
100
100
  },
101
101
  "publishConfig": {
102
102
  "access": "public"