@xylabs/react-pixel-debugger 2.19.1 → 3.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/PixelEvent.d.ts +5 -0
- package/dist/browser/PixelEvent.d.ts.map +1 -0
- package/dist/browser/PixelEvent.js +1 -0
- package/dist/browser/PixelEvent.js.map +1 -0
- package/dist/browser/components/PixelDebugger.d.ts +3 -0
- package/dist/browser/components/PixelDebugger.d.ts.map +1 -0
- package/dist/browser/components/PixelDebugger.js +59 -0
- package/dist/browser/components/PixelDebugger.js.map +1 -0
- package/dist/browser/components/PixelDebuggerProvider.d.ts +4 -0
- package/dist/browser/components/PixelDebuggerProvider.d.ts.map +1 -0
- package/dist/browser/components/PixelDebuggerProvider.js +11 -0
- package/dist/browser/components/PixelDebuggerProvider.js.map +1 -0
- package/dist/browser/components/PixelDebuggerToggle.d.ts +4 -0
- package/dist/browser/components/PixelDebuggerToggle.d.ts.map +1 -0
- package/dist/browser/components/PixelDebuggerToggle.js +16 -0
- package/dist/browser/components/PixelDebuggerToggle.js.map +1 -0
- package/dist/{esm/components/index.js → browser/components/index.d.ts} +1 -1
- package/dist/browser/components/index.d.ts.map +1 -0
- package/dist/browser/components/index.js +4 -0
- package/dist/browser/components/index.js.map +1 -0
- package/dist/{esm/hooks/index.js → browser/hooks/index.d.ts} +1 -1
- package/dist/browser/hooks/index.d.ts.map +1 -0
- package/dist/browser/hooks/index.js +2 -0
- package/dist/browser/hooks/index.js.map +1 -0
- package/dist/browser/hooks/usePixelAltSendHandler.d.ts +2 -0
- package/dist/browser/hooks/usePixelAltSendHandler.d.ts.map +1 -0
- package/dist/browser/hooks/usePixelAltSendHandler.js +25 -0
- package/dist/browser/hooks/usePixelAltSendHandler.js.map +1 -0
- package/dist/{esm/index.js → browser/index.d.ts} +1 -1
- package/dist/browser/index.d.ts.map +1 -0
- package/dist/browser/index.js +4 -0
- package/dist/browser/index.js.map +1 -0
- package/dist/node/PixelEvent.d.mts +5 -0
- package/dist/node/PixelEvent.d.mts.map +1 -0
- package/dist/node/PixelEvent.d.ts +5 -0
- package/dist/node/PixelEvent.d.ts.map +1 -0
- package/dist/node/PixelEvent.js +17 -0
- package/dist/node/PixelEvent.js.map +1 -0
- package/dist/node/PixelEvent.mjs +1 -0
- package/dist/node/PixelEvent.mjs.map +1 -0
- package/dist/node/components/PixelDebugger.d.mts +3 -0
- package/dist/node/components/PixelDebugger.d.mts.map +1 -0
- package/dist/node/components/PixelDebugger.d.ts +3 -0
- package/dist/node/components/PixelDebugger.d.ts.map +1 -0
- package/dist/node/components/PixelDebugger.js +83 -0
- package/dist/node/components/PixelDebugger.js.map +1 -0
- package/dist/node/components/PixelDebugger.mjs +59 -0
- package/dist/node/components/PixelDebugger.mjs.map +1 -0
- package/dist/node/components/PixelDebuggerProvider.d.mts +4 -0
- package/dist/node/components/PixelDebuggerProvider.d.mts.map +1 -0
- package/dist/node/components/PixelDebuggerProvider.d.ts +4 -0
- package/dist/node/components/PixelDebuggerProvider.d.ts.map +1 -0
- package/dist/node/components/PixelDebuggerProvider.js +35 -0
- package/dist/node/components/PixelDebuggerProvider.js.map +1 -0
- package/dist/node/components/PixelDebuggerProvider.mjs +11 -0
- package/dist/node/components/PixelDebuggerProvider.mjs.map +1 -0
- package/dist/node/components/PixelDebuggerToggle.d.mts +4 -0
- package/dist/node/components/PixelDebuggerToggle.d.mts.map +1 -0
- package/dist/node/components/PixelDebuggerToggle.d.ts +4 -0
- package/dist/node/components/PixelDebuggerToggle.d.ts.map +1 -0
- package/dist/node/components/PixelDebuggerToggle.js +40 -0
- package/dist/node/components/PixelDebuggerToggle.js.map +1 -0
- package/dist/node/components/PixelDebuggerToggle.mjs +16 -0
- package/dist/node/components/PixelDebuggerToggle.mjs.map +1 -0
- package/dist/node/components/index.d.mts +4 -0
- package/dist/node/components/index.d.mts.map +1 -0
- package/dist/node/components/index.d.ts +4 -0
- package/dist/node/components/index.d.ts.map +1 -0
- package/dist/node/components/index.js +27 -0
- package/dist/node/components/index.js.map +1 -0
- package/dist/node/components/index.mjs +4 -0
- package/dist/node/components/index.mjs.map +1 -0
- package/dist/node/hooks/index.d.mts +2 -0
- package/dist/node/hooks/index.d.mts.map +1 -0
- package/dist/node/hooks/index.d.ts +2 -0
- package/dist/node/hooks/index.d.ts.map +1 -0
- package/dist/node/hooks/index.js +23 -0
- package/dist/node/hooks/index.js.map +1 -0
- package/dist/node/hooks/index.mjs +2 -0
- package/dist/node/hooks/index.mjs.map +1 -0
- package/dist/node/hooks/usePixelAltSendHandler.d.mts +2 -0
- package/dist/node/hooks/usePixelAltSendHandler.d.mts.map +1 -0
- package/dist/node/hooks/usePixelAltSendHandler.d.ts +2 -0
- package/dist/node/hooks/usePixelAltSendHandler.d.ts.map +1 -0
- package/dist/node/hooks/usePixelAltSendHandler.js +49 -0
- package/dist/node/hooks/usePixelAltSendHandler.js.map +1 -0
- package/dist/node/hooks/usePixelAltSendHandler.mjs +25 -0
- package/dist/node/hooks/usePixelAltSendHandler.mjs.map +1 -0
- package/dist/node/index.d.mts +4 -0
- package/dist/node/index.d.mts.map +1 -0
- package/dist/node/index.d.ts +4 -0
- package/dist/node/index.d.ts.map +1 -0
- package/dist/node/index.js +27 -0
- package/dist/node/index.js.map +1 -0
- package/dist/node/index.mjs +4 -0
- package/dist/node/index.mjs.map +1 -0
- package/package.json +23 -19
- package/dist/cjs/PixelEvent.js +0 -3
- package/dist/cjs/PixelEvent.js.map +0 -1
- package/dist/cjs/components/PixelDebugger.js +0 -36
- package/dist/cjs/components/PixelDebugger.js.map +0 -1
- package/dist/cjs/components/PixelDebuggerProvider.js +0 -12
- package/dist/cjs/components/PixelDebuggerProvider.js.map +0 -1
- package/dist/cjs/components/PixelDebuggerToggle.js +0 -16
- package/dist/cjs/components/PixelDebuggerToggle.js.map +0 -1
- package/dist/cjs/components/index.js +0 -7
- package/dist/cjs/components/index.js.map +0 -1
- package/dist/cjs/hooks/index.js +0 -5
- package/dist/cjs/hooks/index.js.map +0 -1
- package/dist/cjs/hooks/usePixelAltSendHandler.js +0 -29
- package/dist/cjs/hooks/usePixelAltSendHandler.js.map +0 -1
- package/dist/cjs/index.js +0 -7
- package/dist/cjs/index.js.map +0 -1
- package/dist/esm/PixelEvent.js +0 -2
- package/dist/esm/PixelEvent.js.map +0 -1
- package/dist/esm/components/PixelDebugger.js +0 -32
- package/dist/esm/components/PixelDebugger.js.map +0 -1
- package/dist/esm/components/PixelDebuggerProvider.js +0 -8
- package/dist/esm/components/PixelDebuggerProvider.js.map +0 -1
- package/dist/esm/components/PixelDebuggerToggle.js +0 -10
- package/dist/esm/components/PixelDebuggerToggle.js.map +0 -1
- package/dist/esm/components/index.js.map +0 -1
- package/dist/esm/hooks/index.js.map +0 -1
- package/dist/esm/hooks/usePixelAltSendHandler.js +0 -24
- package/dist/esm/hooks/usePixelAltSendHandler.js.map +0 -1
- package/dist/esm/index.js.map +0 -1
- /package/dist/{types/PixelEvent.d.ts → browser/PixelEvent.d.mts} +0 -0
- /package/dist/{types/PixelEvent.d.ts.map → browser/PixelEvent.d.mts.map} +0 -0
- /package/dist/{types/components/PixelDebugger.d.ts → browser/components/PixelDebugger.d.mts} +0 -0
- /package/dist/{types/components/PixelDebugger.d.ts.map → browser/components/PixelDebugger.d.mts.map} +0 -0
- /package/dist/{types/components/PixelDebuggerProvider.d.ts → browser/components/PixelDebuggerProvider.d.mts} +0 -0
- /package/dist/{types/components/PixelDebuggerProvider.d.ts.map → browser/components/PixelDebuggerProvider.d.mts.map} +0 -0
- /package/dist/{types/components/PixelDebuggerToggle.d.ts → browser/components/PixelDebuggerToggle.d.mts} +0 -0
- /package/dist/{types/components/PixelDebuggerToggle.d.ts.map → browser/components/PixelDebuggerToggle.d.mts.map} +0 -0
- /package/dist/{types/components/index.d.ts → browser/components/index.d.mts} +0 -0
- /package/dist/{types/components/index.d.ts.map → browser/components/index.d.mts.map} +0 -0
- /package/dist/{types/hooks/index.d.ts → browser/hooks/index.d.mts} +0 -0
- /package/dist/{types/hooks/index.d.ts.map → browser/hooks/index.d.mts.map} +0 -0
- /package/dist/{types/hooks/usePixelAltSendHandler.d.ts → browser/hooks/usePixelAltSendHandler.d.mts} +0 -0
- /package/dist/{types/hooks/usePixelAltSendHandler.d.ts.map → browser/hooks/usePixelAltSendHandler.d.mts.map} +0 -0
- /package/dist/{types/index.d.ts → browser/index.d.mts} +0 -0
- /package/dist/{types/index.d.ts.map → browser/index.d.mts.map} +0 -0
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
var PixelDebuggerToggle_exports = {};
|
|
20
|
+
__export(PixelDebuggerToggle_exports, {
|
|
21
|
+
PixelDebuggerToggle: () => PixelDebuggerToggle
|
|
22
|
+
});
|
|
23
|
+
module.exports = __toCommonJS(PixelDebuggerToggle_exports);
|
|
24
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
25
|
+
var import_material = require("@mui/material");
|
|
26
|
+
var import_react_flexbox = require("@xylabs/react-flexbox");
|
|
27
|
+
var import_react_pixel = require("@xylabs/react-pixel");
|
|
28
|
+
var import_react = require("react");
|
|
29
|
+
const PixelDebuggerToggle = ({ ...props }) => {
|
|
30
|
+
const { setIsDebugging, isDebugging } = (0, import_react.useContext)(import_react_pixel.DebugUserEventsContext);
|
|
31
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexRow, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.FormControl, { children: [
|
|
32
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.FormLabel, { children: "Enable Debugger" }),
|
|
33
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Switch, { checked: isDebugging, onClick: () => setIsDebugging(!isDebugging) })
|
|
34
|
+
] }) });
|
|
35
|
+
};
|
|
36
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
37
|
+
0 && (module.exports = {
|
|
38
|
+
PixelDebuggerToggle
|
|
39
|
+
});
|
|
40
|
+
//# sourceMappingURL=PixelDebuggerToggle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/PixelDebuggerToggle.tsx"],"sourcesContent":["import { FormControl, FormLabel, Switch } from '@mui/material'\nimport { BusyBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { DebugUserEventsContext } from '@xylabs/react-pixel'\nimport { useContext } from 'react'\n\nexport const PixelDebuggerToggle: React.FC<BusyBoxProps> = ({ ...props }) => {\n const { setIsDebugging, isDebugging } = useContext(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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUM;AAVN,sBAA+C;AAC/C,2BAAsC;AACtC,yBAAuC;AACvC,mBAA2B;AAEpB,MAAM,sBAA8C,CAAC,EAAE,GAAG,MAAM,MAAM;AAC3E,QAAM,EAAE,gBAAgB,YAAY,QAAI,yBAAW,yCAAsB;AAEzE,SACE,4CAAC,gCAAS,GAAG,OACX,uDAAC,+BACC;AAAA,gDAAC,6BAAU,6BAAe;AAAA,IAC1B,4CAAC,0BAAO,SAAS,aAAa,SAAS,MAAM,eAAe,CAAC,WAAW,GAAG;AAAA,KAC7E,GACF;AAEJ;","names":[]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { FormControl, FormLabel, Switch } from "@mui/material";
|
|
3
|
+
import { FlexRow } from "@xylabs/react-flexbox";
|
|
4
|
+
import { DebugUserEventsContext } from "@xylabs/react-pixel";
|
|
5
|
+
import { useContext } from "react";
|
|
6
|
+
const PixelDebuggerToggle = ({ ...props }) => {
|
|
7
|
+
const { setIsDebugging, isDebugging } = useContext(DebugUserEventsContext);
|
|
8
|
+
return /* @__PURE__ */ jsx(FlexRow, { ...props, children: /* @__PURE__ */ jsxs(FormControl, { children: [
|
|
9
|
+
/* @__PURE__ */ jsx(FormLabel, { children: "Enable Debugger" }),
|
|
10
|
+
/* @__PURE__ */ jsx(Switch, { checked: isDebugging, onClick: () => setIsDebugging(!isDebugging) })
|
|
11
|
+
] }) });
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
PixelDebuggerToggle
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=PixelDebuggerToggle.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/PixelDebuggerToggle.tsx"],"sourcesContent":["import { FormControl, FormLabel, Switch } from '@mui/material'\nimport { BusyBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { DebugUserEventsContext } from '@xylabs/react-pixel'\nimport { useContext } from 'react'\n\nexport const PixelDebuggerToggle: React.FC<BusyBoxProps> = ({ ...props }) => {\n const { setIsDebugging, isDebugging } = useContext(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":"AAUM,SACE,KADF;AAVN,SAAS,aAAa,WAAW,cAAc;AAC/C,SAAuB,eAAe;AACtC,SAAS,8BAA8B;AACvC,SAAS,kBAAkB;AAEpB,MAAM,sBAA8C,CAAC,EAAE,GAAG,MAAM,MAAM;AAC3E,QAAM,EAAE,gBAAgB,YAAY,IAAI,WAAW,sBAAsB;AAEzE,SACE,oBAAC,WAAS,GAAG,OACX,+BAAC,eACC;AAAA,wBAAC,aAAU,6BAAe;AAAA,IAC1B,oBAAC,UAAO,SAAS,aAAa,SAAS,MAAM,eAAe,CAAC,WAAW,GAAG;AAAA,KAC7E,GACF;AAEJ;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __copyProps = (to, from, except, desc) => {
|
|
7
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
8
|
+
for (let key of __getOwnPropNames(from))
|
|
9
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
10
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
11
|
+
}
|
|
12
|
+
return to;
|
|
13
|
+
};
|
|
14
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
16
|
+
var components_exports = {};
|
|
17
|
+
module.exports = __toCommonJS(components_exports);
|
|
18
|
+
__reExport(components_exports, require("./PixelDebugger"), module.exports);
|
|
19
|
+
__reExport(components_exports, require("./PixelDebuggerProvider"), module.exports);
|
|
20
|
+
__reExport(components_exports, require("./PixelDebuggerToggle"), module.exports);
|
|
21
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
22
|
+
0 && (module.exports = {
|
|
23
|
+
...require("./PixelDebugger"),
|
|
24
|
+
...require("./PixelDebuggerProvider"),
|
|
25
|
+
...require("./PixelDebuggerToggle")
|
|
26
|
+
});
|
|
27
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './PixelDebugger'\nexport * from './PixelDebuggerProvider'\nexport * from './PixelDebuggerToggle'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,4BAAd;AACA,+BAAc,oCADd;AAEA,+BAAc,kCAFd;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './PixelDebugger'\nexport * from './PixelDebuggerProvider'\nexport * from './PixelDebuggerToggle'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __copyProps = (to, from, except, desc) => {
|
|
7
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
8
|
+
for (let key of __getOwnPropNames(from))
|
|
9
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
10
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
11
|
+
}
|
|
12
|
+
return to;
|
|
13
|
+
};
|
|
14
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
16
|
+
var hooks_exports = {};
|
|
17
|
+
module.exports = __toCommonJS(hooks_exports);
|
|
18
|
+
__reExport(hooks_exports, require("./usePixelAltSendHandler"), module.exports);
|
|
19
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
20
|
+
0 && (module.exports = {
|
|
21
|
+
...require("./usePixelAltSendHandler")
|
|
22
|
+
});
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './usePixelAltSendHandler'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,qCAAd;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './usePixelAltSendHandler'\n"],"mappings":"AAAA,cAAc;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePixelAltSendHandler.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePixelAltSendHandler.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,uBAAwB,MAAM,WAAW,OAAO,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,SAmB3G,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePixelAltSendHandler.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePixelAltSendHandler.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,uBAAwB,MAAM,WAAW,OAAO,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,SAmB3G,CAAA"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
var usePixelAltSendHandler_exports = {};
|
|
20
|
+
__export(usePixelAltSendHandler_exports, {
|
|
21
|
+
usePixelAltSendHandler: () => usePixelAltSendHandler
|
|
22
|
+
});
|
|
23
|
+
module.exports = __toCommonJS(usePixelAltSendHandler_exports);
|
|
24
|
+
var import_pixel = require("@xylabs/pixel");
|
|
25
|
+
var import_react = require("react");
|
|
26
|
+
const usePixelAltSendHandler = (altHandler) => {
|
|
27
|
+
const [pixelSend, setPixelSend] = (0, import_react.useState)();
|
|
28
|
+
(0, import_react.useEffect)(() => {
|
|
29
|
+
if (!pixelSend && import_pixel.XyPixel.instance.send) {
|
|
30
|
+
const oldHandler = import_pixel.XyPixel.instance.send.bind(import_pixel.XyPixel.instance);
|
|
31
|
+
setPixelSend(oldHandler);
|
|
32
|
+
} else {
|
|
33
|
+
import_pixel.XyPixel.instance.send = async (event, fields, eventId) => {
|
|
34
|
+
altHandler(event, fields);
|
|
35
|
+
return await pixelSend?.(event, fields, eventId);
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
return () => {
|
|
39
|
+
if (pixelSend) {
|
|
40
|
+
import_pixel.XyPixel.instance.send = pixelSend;
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
}, [pixelSend, altHandler]);
|
|
44
|
+
};
|
|
45
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
46
|
+
0 && (module.exports = {
|
|
47
|
+
usePixelAltSendHandler
|
|
48
|
+
});
|
|
49
|
+
//# sourceMappingURL=usePixelAltSendHandler.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/hooks/usePixelAltSendHandler.ts"],"sourcesContent":["import { XyPixel } from '@xylabs/pixel'\nimport { useEffect, useState } from 'react'\n\nexport const usePixelAltSendHandler = (altHandler: (event: string, fields?: Record<string, unknown>) => void) => {\n const [pixelSend, setPixelSend] = useState<typeof XyPixel.instance.send>()\n useEffect(() => {\n if (!pixelSend && XyPixel.instance.send) {\n const oldHandler = XyPixel.instance.send.bind(XyPixel.instance)\n setPixelSend(oldHandler)\n } else {\n XyPixel.instance.send = async (event: string, fields?: Record<string, unknown>, eventId?: string) => {\n altHandler(event, fields)\n return await pixelSend?.(event, fields, eventId)\n }\n }\n return () => {\n //restore send on unmount\n if (pixelSend) {\n XyPixel.instance.send = pixelSend\n }\n }\n }, [pixelSend, altHandler])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwB;AACxB,mBAAoC;AAE7B,MAAM,yBAAyB,CAAC,eAA0E;AAC/G,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAuC;AACzE,8BAAU,MAAM;AACd,QAAI,CAAC,aAAa,qBAAQ,SAAS,MAAM;AACvC,YAAM,aAAa,qBAAQ,SAAS,KAAK,KAAK,qBAAQ,QAAQ;AAC9D,mBAAa,UAAU;AAAA,IACzB,OAAO;AACL,2BAAQ,SAAS,OAAO,OAAO,OAAe,QAAkC,YAAqB;AACnG,mBAAW,OAAO,MAAM;AACxB,eAAO,MAAM,YAAY,OAAO,QAAQ,OAAO;AAAA,MACjD;AAAA,IACF;AACA,WAAO,MAAM;AAEX,UAAI,WAAW;AACb,6BAAQ,SAAS,OAAO;AAAA,MAC1B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,UAAU,CAAC;AAC5B;","names":[]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { XyPixel } from "@xylabs/pixel";
|
|
2
|
+
import { useEffect, useState } from "react";
|
|
3
|
+
const usePixelAltSendHandler = (altHandler) => {
|
|
4
|
+
const [pixelSend, setPixelSend] = useState();
|
|
5
|
+
useEffect(() => {
|
|
6
|
+
if (!pixelSend && XyPixel.instance.send) {
|
|
7
|
+
const oldHandler = XyPixel.instance.send.bind(XyPixel.instance);
|
|
8
|
+
setPixelSend(oldHandler);
|
|
9
|
+
} else {
|
|
10
|
+
XyPixel.instance.send = async (event, fields, eventId) => {
|
|
11
|
+
altHandler(event, fields);
|
|
12
|
+
return await pixelSend?.(event, fields, eventId);
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
return () => {
|
|
16
|
+
if (pixelSend) {
|
|
17
|
+
XyPixel.instance.send = pixelSend;
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
}, [pixelSend, altHandler]);
|
|
21
|
+
};
|
|
22
|
+
export {
|
|
23
|
+
usePixelAltSendHandler
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=usePixelAltSendHandler.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/hooks/usePixelAltSendHandler.ts"],"sourcesContent":["import { XyPixel } from '@xylabs/pixel'\nimport { useEffect, useState } from 'react'\n\nexport const usePixelAltSendHandler = (altHandler: (event: string, fields?: Record<string, unknown>) => void) => {\n const [pixelSend, setPixelSend] = useState<typeof XyPixel.instance.send>()\n useEffect(() => {\n if (!pixelSend && XyPixel.instance.send) {\n const oldHandler = XyPixel.instance.send.bind(XyPixel.instance)\n setPixelSend(oldHandler)\n } else {\n XyPixel.instance.send = async (event: string, fields?: Record<string, unknown>, eventId?: string) => {\n altHandler(event, fields)\n return await pixelSend?.(event, fields, eventId)\n }\n }\n return () => {\n //restore send on unmount\n if (pixelSend) {\n XyPixel.instance.send = pixelSend\n }\n }\n }, [pixelSend, altHandler])\n}\n"],"mappings":"AAAA,SAAS,eAAe;AACxB,SAAS,WAAW,gBAAgB;AAE7B,MAAM,yBAAyB,CAAC,eAA0E;AAC/G,QAAM,CAAC,WAAW,YAAY,IAAI,SAAuC;AACzE,YAAU,MAAM;AACd,QAAI,CAAC,aAAa,QAAQ,SAAS,MAAM;AACvC,YAAM,aAAa,QAAQ,SAAS,KAAK,KAAK,QAAQ,QAAQ;AAC9D,mBAAa,UAAU;AAAA,IACzB,OAAO;AACL,cAAQ,SAAS,OAAO,OAAO,OAAe,QAAkC,YAAqB;AACnG,mBAAW,OAAO,MAAM;AACxB,eAAO,MAAM,YAAY,OAAO,QAAQ,OAAO;AAAA,MACjD;AAAA,IACF;AACA,WAAO,MAAM;AAEX,UAAI,WAAW;AACb,gBAAQ,SAAS,OAAO;AAAA,MAC1B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,UAAU,CAAC;AAC5B;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __copyProps = (to, from, except, desc) => {
|
|
7
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
8
|
+
for (let key of __getOwnPropNames(from))
|
|
9
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
10
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
11
|
+
}
|
|
12
|
+
return to;
|
|
13
|
+
};
|
|
14
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
16
|
+
var src_exports = {};
|
|
17
|
+
module.exports = __toCommonJS(src_exports);
|
|
18
|
+
__reExport(src_exports, require("./components"), module.exports);
|
|
19
|
+
__reExport(src_exports, require("./hooks"), module.exports);
|
|
20
|
+
__reExport(src_exports, require("./PixelEvent"), module.exports);
|
|
21
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
22
|
+
0 && (module.exports = {
|
|
23
|
+
...require("./components"),
|
|
24
|
+
...require("./hooks"),
|
|
25
|
+
...require("./PixelEvent")
|
|
26
|
+
});
|
|
27
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './components'\nexport * from './hooks'\nexport * from './PixelEvent'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,yBAAd;AACA,wBAAc,oBADd;AAEA,wBAAc,yBAFd;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './components'\nexport * from './hooks'\nexport * from './PixelEvent'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
|
package/package.json
CHANGED
|
@@ -13,18 +13,18 @@
|
|
|
13
13
|
"packages/*"
|
|
14
14
|
],
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@xylabs/react-button": "~
|
|
17
|
-
"@xylabs/react-flexbox": "~
|
|
18
|
-
"@xylabs/react-pixel": "~
|
|
19
|
-
"@xylabs/react-portal": "~
|
|
20
|
-
"@xylabs/react-shared": "~
|
|
16
|
+
"@xylabs/react-button": "~3.0.2",
|
|
17
|
+
"@xylabs/react-flexbox": "~3.0.2",
|
|
18
|
+
"@xylabs/react-pixel": "~3.0.2",
|
|
19
|
+
"@xylabs/react-portal": "~3.0.2",
|
|
20
|
+
"@xylabs/react-shared": "~3.0.2"
|
|
21
21
|
},
|
|
22
22
|
"description": "Common React library for all XY Labs projects that use React",
|
|
23
23
|
"devDependencies": {
|
|
24
|
-
"@storybook/react": "^7.4.
|
|
24
|
+
"@storybook/react": "^7.4.5",
|
|
25
25
|
"@xylabs/pixel": "^1.4.14",
|
|
26
|
-
"@xylabs/ts-scripts-yarn3": "^
|
|
27
|
-
"@xylabs/tsconfig-react": "^
|
|
26
|
+
"@xylabs/ts-scripts-yarn3": "^3.0.67",
|
|
27
|
+
"@xylabs/tsconfig-react": "^3.0.67",
|
|
28
28
|
"react": "^18.2.0",
|
|
29
29
|
"react-dom": "^18.2.0",
|
|
30
30
|
"typescript": "^5.2.2"
|
|
@@ -39,27 +39,32 @@
|
|
|
39
39
|
"react-dom": "^18",
|
|
40
40
|
"react-router-dom": "^6"
|
|
41
41
|
},
|
|
42
|
-
"browser": "dist/esm/index.js",
|
|
43
|
-
"docs": "dist/docs.json",
|
|
44
42
|
"exports": {
|
|
45
43
|
".": {
|
|
46
44
|
"node": {
|
|
47
|
-
"import":
|
|
48
|
-
|
|
45
|
+
"import": {
|
|
46
|
+
"types": "./dist/node/index.d.mts",
|
|
47
|
+
"default": "./dist/node/index.mjs"
|
|
48
|
+
},
|
|
49
|
+
"require": {
|
|
50
|
+
"types": "./dist/node/index.d.ts",
|
|
51
|
+
"default": "./dist/node/index.js"
|
|
52
|
+
}
|
|
49
53
|
},
|
|
50
54
|
"browser": {
|
|
51
|
-
"
|
|
52
|
-
"
|
|
55
|
+
"types": "./dist/browser/index.d.ts",
|
|
56
|
+
"default": "./dist/browser/index.js"
|
|
53
57
|
},
|
|
54
|
-
"default": "./dist/
|
|
58
|
+
"default": "./dist/browser/index.js"
|
|
55
59
|
},
|
|
56
60
|
"./dist/docs.json": {
|
|
57
61
|
"default": "./dist/docs.json"
|
|
58
62
|
},
|
|
59
63
|
"./package.json": "./package.json"
|
|
60
64
|
},
|
|
61
|
-
"
|
|
62
|
-
"
|
|
65
|
+
"types": "dist/browser/index.d.ts",
|
|
66
|
+
"main": "./dist/node/index.js",
|
|
67
|
+
"module": "./dist/browser/index.js",
|
|
63
68
|
"homepage": "https://xylabs.com",
|
|
64
69
|
"keywords": [
|
|
65
70
|
"utility",
|
|
@@ -75,6 +80,5 @@
|
|
|
75
80
|
"url": "https://github.com/xylabs/sdk-react.git"
|
|
76
81
|
},
|
|
77
82
|
"sideEffects": false,
|
|
78
|
-
"
|
|
79
|
-
"version": "2.19.1"
|
|
83
|
+
"version": "3.0.2"
|
|
80
84
|
}
|
package/dist/cjs/PixelEvent.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PixelEvent.js","sourceRoot":"","sources":["../../src/PixelEvent.ts"],"names":[],"mappings":""}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.PixelDebugger = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const material_1 = require("@mui/material");
|
|
6
|
-
const react_button_1 = require("@xylabs/react-button");
|
|
7
|
-
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
|
-
const react_pixel_1 = require("@xylabs/react-pixel");
|
|
9
|
-
const react_portal_1 = require("@xylabs/react-portal");
|
|
10
|
-
const react_1 = require("react");
|
|
11
|
-
const hooks_1 = require("../hooks");
|
|
12
|
-
const PixelDebugger = () => {
|
|
13
|
-
const { isDebugging } = (0, react_1.useContext)(react_pixel_1.DebugUserEventsContext);
|
|
14
|
-
//TODO - when adding in the location hook to detect location change, was dropping the setEvents in usePixelAltSendHand
|
|
15
|
-
const theme = (0, material_1.useTheme)();
|
|
16
|
-
const [displayEvents, setDisplayEvents] = (0, react_1.useState)(false);
|
|
17
|
-
const [events, setEvents] = (0, react_1.useState)([]);
|
|
18
|
-
(0, hooks_1.usePixelAltSendHandler)((event, fields) => {
|
|
19
|
-
setEvents((events) => [{ event, fields }, ...events]);
|
|
20
|
-
});
|
|
21
|
-
if (!isDebugging) {
|
|
22
|
-
return null;
|
|
23
|
-
}
|
|
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
|
-
backdropFilter: 'blur(16px) saturate(180%)',
|
|
26
|
-
backgroundColor: 'rgba(18, 18, 18, .70)',
|
|
27
|
-
overflowY: 'auto',
|
|
28
|
-
width: '100%',
|
|
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
|
-
};
|
|
31
|
-
exports.PixelDebugger = PixelDebugger;
|
|
32
|
-
const PixelEventDetails = ({ event, fields, index, events }) => {
|
|
33
|
-
const [isOpen, setIsOpen] = (0, react_1.useState)(false);
|
|
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
|
-
};
|
|
36
|
-
//# sourceMappingURL=PixelDebugger.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PixelDebugger.js","sourceRoot":"","sources":["../../../src/components/PixelDebugger.tsx"],"names":[],"mappings":";;;;AAAA,4CAA0E;AAC1E,uDAA+C;AAC/C,yDAA+C;AAC/C,qDAA4D;AAC5D,uDAA6C;AAC7C,iCAA4C;AAE5C,oCAAiD;AAG1C,MAAM,aAAa,GAAa,GAAG,EAAE;IAC1C,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,oCAAsB,CAAC,CAAA;IAC1D,sHAAsH;IACtH,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAe,EAAE,CAAC,CAAA;IAEtD,IAAA,8BAAsB,EAAC,CAAC,KAAa,EAAE,MAAgC,EAAE,EAAE;QACzE,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,MAAM,CAAC,CAAC,CAAA;IACvD,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,uBAAC,qBAAM,cACL,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,YAC/D,uBAAC,gBAAK,IAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,EAAC,SAAS,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YACvE,uBAAC,eAAI,IACH,OAAO,EAAC,UAAU,EAClB,EAAE,EAAE;wBACF,cAAc,EAAE,2BAA2B;wBAC3C,eAAe,EAAE,uBAAuB;wBACxC,SAAS,EAAE,MAAM;wBACjB,KAAK,EAAE,MAAM;qBACd,EACD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,YAEjC,wBAAC,uBAAO,IAAC,UAAU,EAAC,SAAS,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,aACtE,uBAAC,uBAAO,IAAC,UAAU,EAAC,SAAS,EAAC,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,YACpD,uBAAC,uBAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC,aAAa,CAAC,kCAE7D,GACH,EACT,aAAa,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,IAAI,CACnC,uBAAC,uBAAO,IACN,UAAU,EAAC,SAAS,EACpB,YAAY,EAAC,OAAO,EACpB,OAAO,EAAE,CAAC,EACV,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,YAEjF,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,uBAAC,iBAAiB,kBAA6B,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAAM,CAAC,GAA1D,GAAG,CAAC,CAAC,KAAK,IAAI,KAAK,EAAE,CAAyC,CACvF,CAAC,GACM,CACX,EACA,aAAa,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,uBAAC,qBAAU,IAAC,OAAO,EAAC,WAAW,0BAAuB,IAClF,GACL,GACD,GACJ,GACC,CACV,CAAA;AACH,CAAC,CAAA;AAtDY,QAAA,aAAa,iBAsDzB;AAED,MAAM,iBAAiB,GAAmE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;IAC7H,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC3C,OAAO,CACL,wBAAC,uBAAO,IAAC,UAAU,EAAC,SAAS,EAAC,YAAY,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,aAChF,uBAAC,qBAAU,IAAC,OAAO,EAAC,WAAW,YAAE,KAAK,GAAc,EACnD,MAAM,IAAI,CACT,uBAAC,qBAAU,IAAC,YAAY,EAAE,GAAG,EAAE,OAAO,EAAC,SAAS,YAC7C,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GACrB,CACd,EACA,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,uBAAC,kBAAO,KAAG,IACzB,CACX,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.PixelDebuggerProvider = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_pixel_1 = require("@xylabs/react-pixel");
|
|
6
|
-
const react_shared_1 = require("@xylabs/react-shared");
|
|
7
|
-
const PixelDebuggerProvider = ({ children }) => {
|
|
8
|
-
const [isDebugging, setIsDebugging] = (0, react_shared_1.useLocalStorage)('isDebuggingPixel', false);
|
|
9
|
-
return (0, jsx_runtime_1.jsx)(react_pixel_1.DebugUserEventsContext.Provider, { value: { isDebugging, setIsDebugging }, children: children });
|
|
10
|
-
};
|
|
11
|
-
exports.PixelDebuggerProvider = PixelDebuggerProvider;
|
|
12
|
-
//# sourceMappingURL=PixelDebuggerProvider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.PixelDebuggerToggle = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const material_1 = require("@mui/material");
|
|
7
|
-
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
|
-
const react_pixel_1 = require("@xylabs/react-pixel");
|
|
9
|
-
const react_1 = require("react");
|
|
10
|
-
const PixelDebuggerToggle = (_a) => {
|
|
11
|
-
var props = tslib_1.__rest(_a, []);
|
|
12
|
-
const { setIsDebugging, isDebugging } = (0, react_1.useContext)(react_pixel_1.DebugUserEventsContext);
|
|
13
|
-
return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({}, props, { children: (0, jsx_runtime_1.jsxs)(material_1.FormControl, { children: [(0, jsx_runtime_1.jsx)(material_1.FormLabel, { children: "Enable Debugger" }), (0, jsx_runtime_1.jsx)(material_1.Switch, { checked: isDebugging, onClick: () => setIsDebugging(!isDebugging) })] }) })));
|
|
14
|
-
};
|
|
15
|
-
exports.PixelDebuggerToggle = PixelDebuggerToggle;
|
|
16
|
-
//# sourceMappingURL=PixelDebuggerToggle.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PixelDebuggerToggle.js","sourceRoot":"","sources":["../../../src/components/PixelDebuggerToggle.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA8D;AAC9D,yDAA6D;AAC7D,qDAA4D;AAC5D,iCAAkC;AAE3B,MAAM,mBAAmB,GAA2B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,sBAAV,EAAY,CAAF;IACpE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,oCAAsB,CAAC,CAAA;IAE1E,OAAO,CACL,uBAAC,uBAAO,oBAAK,KAAK,cAChB,wBAAC,sBAAW,eACV,uBAAC,oBAAS,kCAA4B,EACtC,uBAAC,iBAAM,IAAC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,GAAI,IACjE,IACN,CACX,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,mBAAmB,uBAW/B"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const tslib_1 = require("tslib");
|
|
4
|
-
tslib_1.__exportStar(require("./PixelDebugger"), exports);
|
|
5
|
-
tslib_1.__exportStar(require("./PixelDebuggerProvider"), exports);
|
|
6
|
-
tslib_1.__exportStar(require("./PixelDebuggerToggle"), exports);
|
|
7
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,0DAA+B;AAC/B,kEAAuC;AACvC,gEAAqC"}
|
package/dist/cjs/hooks/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,mEAAwC"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.usePixelAltSendHandler = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const pixel_1 = require("@xylabs/pixel");
|
|
6
|
-
const react_1 = require("react");
|
|
7
|
-
const usePixelAltSendHandler = (altHandler) => {
|
|
8
|
-
const [pixelSend, setPixelSend] = (0, react_1.useState)();
|
|
9
|
-
(0, react_1.useEffect)(() => {
|
|
10
|
-
if (!pixelSend && pixel_1.XyPixel.instance.send) {
|
|
11
|
-
const oldHandler = pixel_1.XyPixel.instance.send.bind(pixel_1.XyPixel.instance);
|
|
12
|
-
setPixelSend(oldHandler);
|
|
13
|
-
}
|
|
14
|
-
else {
|
|
15
|
-
pixel_1.XyPixel.instance.send = (event, fields, eventId) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
16
|
-
altHandler(event, fields);
|
|
17
|
-
return yield (pixelSend === null || pixelSend === void 0 ? void 0 : pixelSend(event, fields, eventId));
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
return () => {
|
|
21
|
-
//restore send on unmount
|
|
22
|
-
if (pixelSend) {
|
|
23
|
-
pixel_1.XyPixel.instance.send = pixelSend;
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
}, [pixelSend, altHandler]);
|
|
27
|
-
};
|
|
28
|
-
exports.usePixelAltSendHandler = usePixelAltSendHandler;
|
|
29
|
-
//# sourceMappingURL=usePixelAltSendHandler.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"usePixelAltSendHandler.js","sourceRoot":"","sources":["../../../src/hooks/usePixelAltSendHandler.ts"],"names":[],"mappings":";;;;AAAA,yCAAuC;AACvC,iCAA2C;AAEpC,MAAM,sBAAsB,GAAG,CAAC,UAAqE,EAAE,EAAE;IAC9G,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,GAAgC,CAAA;IAC1E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,IAAI,eAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;YACvC,MAAM,UAAU,GAAG,eAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,eAAO,CAAC,QAAQ,CAAC,CAAA;YAC/D,YAAY,CAAC,UAAU,CAAC,CAAA;SACzB;aAAM;YACL,eAAO,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAO,KAAa,EAAE,MAAgC,EAAE,OAAgB,EAAE,EAAE;gBAClG,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;gBACzB,OAAO,MAAM,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA,CAAA;YAClD,CAAC,CAAA,CAAA;SACF;QACD,OAAO,GAAG,EAAE;YACV,yBAAyB;YACzB,IAAI,SAAS,EAAE;gBACb,eAAO,CAAC,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAA;aAClC;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAA;AAC7B,CAAC,CAAA;AAnBY,QAAA,sBAAsB,0BAmBlC"}
|
package/dist/cjs/index.js
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const tslib_1 = require("tslib");
|
|
4
|
-
tslib_1.__exportStar(require("./components"), exports);
|
|
5
|
-
tslib_1.__exportStar(require("./hooks"), exports);
|
|
6
|
-
tslib_1.__exportStar(require("./PixelEvent"), exports);
|
|
7
|
-
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,kDAAuB;AACvB,uDAA4B"}
|
package/dist/esm/PixelEvent.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PixelEvent.js","sourceRoot":"","sources":["../../src/PixelEvent.ts"],"names":[],"mappings":""}
|