batchkit-devtools-react 0.2.0-beta.1 → 0.3.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.
@@ -0,0 +1,11 @@
1
+ import { CSSProperties } from 'react';
2
+ export interface BatchkitDevtoolsProps {
3
+ position?: 'right' | 'bottom' | 'left';
4
+ defaultOpen?: boolean;
5
+ buttonClassName?: string;
6
+ buttonStyle?: CSSProperties;
7
+ panelClassName?: string;
8
+ panelStyle?: CSSProperties;
9
+ }
10
+ export declare function BatchkitDevtools({ position, defaultOpen, buttonClassName, buttonStyle, panelClassName, panelStyle, }: BatchkitDevtoolsProps): import("react").ReactPortal | null;
11
+ //# sourceMappingURL=BatchkitDevtools.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BatchkitDevtools.d.ts","sourceRoot":"","sources":["../src/BatchkitDevtools.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,aAAa,EAAE,MAAM,OAAO,CAAC;AAInE,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,WAAW,EACX,eAAe,EACf,WAAW,EACX,cAAc,EACd,UAAU,GACX,EAAE,qBAAqB,sCA2CvB"}
@@ -0,0 +1,42 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { useEffect, useRef, useState } from 'react';
3
+ import { createPortal } from 'react-dom';
4
+ import { mount } from 'batchkit-devtools';
5
+ export function BatchkitDevtools({ position, defaultOpen, buttonClassName, buttonStyle, panelClassName, panelStyle, }) {
6
+ const containerRef = useRef(null);
7
+ const [mounted, setMounted] = useState(false);
8
+ useEffect(() => {
9
+ setMounted(true);
10
+ return () => setMounted(false);
11
+ }, []);
12
+ useEffect(() => {
13
+ if (!containerRef.current)
14
+ return;
15
+ const dispose = mount(containerRef.current, {
16
+ position,
17
+ defaultOpen,
18
+ buttonClass: buttonClassName,
19
+ buttonStyle: buttonStyle,
20
+ panelClass: panelClassName,
21
+ panelStyle: panelStyle,
22
+ });
23
+ return () => {
24
+ dispose();
25
+ };
26
+ }, [
27
+ mounted,
28
+ position,
29
+ defaultOpen,
30
+ buttonClassName,
31
+ buttonStyle,
32
+ panelClassName,
33
+ panelStyle,
34
+ ]);
35
+ if (!mounted)
36
+ return null;
37
+ const portalContent = (_jsx("div", { ref: containerRef, "data-batchkit-devtools": true }));
38
+ if (typeof document === 'undefined')
39
+ return null;
40
+ return createPortal(portalContent, document.body);
41
+ }
42
+ //# sourceMappingURL=BatchkitDevtools.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BatchkitDevtools.js","sourceRoot":"","sources":["../src/BatchkitDevtools.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAiB,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAW1C,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,WAAW,EACX,eAAe,EACf,WAAW,EACX,cAAc,EACd,UAAU,GACY;IACtB,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACzD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE,OAAO;QAElC,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE;YAC1C,QAAQ;YACR,WAAW;YACX,WAAW,EAAE,eAAe;YAC5B,WAAW,EAAE,WAAqC;YAClD,UAAU,EAAE,cAAc;YAC1B,UAAU,EAAE,UAAoC;SACjD,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC;IACJ,CAAC,EAAE;QACD,OAAO;QACP,QAAQ;QACR,WAAW;QACX,eAAe;QACf,WAAW;QACX,cAAc;QACd,UAAU;KACX,CAAC,CAAC;IAEH,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,aAAa,GAAG,CACpB,cAAK,GAAG,EAAE,YAAY,mCAA2B,CAClD,CAAC;IAEF,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,IAAI,CAAC;IAEjD,OAAO,YAAY,CAAC,aAAa,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;AACpD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,aAAa,EAAE,MAAM,OAAO,CAAC;AAInE,MAAM,WAAW,qBAAqB;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,eAAe,EACf,WAAW,EACX,cAAc,EACd,UAAU,GACX,EAAE,qBAAqB,sCAoCvB;AAED,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,oBAAoB,CAAC;AAE/C,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,eAAO,MAAM,gBAAgB,EAAE,OAAO,QAAQ,CAAC,gBAKhB,CAAC;AAEhC,eAAe,gBAAgB,CAAC"}
package/dist/index.js CHANGED
@@ -1,33 +1,8 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useEffect, useRef, useState } from 'react';
3
- import { createPortal } from 'react-dom';
4
- import { mount } from 'batchkit-devtools';
5
- export function BatchkitDevtools({ buttonClassName, buttonStyle, panelClassName, panelStyle, }) {
6
- const containerRef = useRef(null);
7
- const [mounted, setMounted] = useState(false);
8
- useEffect(() => {
9
- setMounted(true);
10
- return () => setMounted(false);
11
- }, []);
12
- useEffect(() => {
13
- if (!containerRef.current)
14
- return;
15
- const dispose = mount(containerRef.current, {
16
- buttonClass: buttonClassName,
17
- buttonStyle: buttonStyle,
18
- panelClass: panelClassName,
19
- panelStyle: panelStyle,
20
- });
21
- return () => {
22
- dispose();
23
- };
24
- }, [mounted, buttonClassName, buttonStyle, panelClassName, panelStyle]);
25
- if (!mounted)
1
+ import * as Devtools from './BatchkitDevtools';
2
+ export const BatchkitDevtools = process.env.NODE_ENV !== 'development'
3
+ ? function () {
26
4
  return null;
27
- const portalContent = (_jsx("div", { ref: containerRef, "data-batchkit-devtools": true }));
28
- if (typeof document === 'undefined')
29
- return null;
30
- return createPortal(portalContent, document.body);
31
- }
5
+ }
6
+ : Devtools.BatchkitDevtools;
32
7
  export default BatchkitDevtools;
33
8
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAiB,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAS1C,MAAM,UAAU,gBAAgB,CAAC,EAC/B,eAAe,EACf,WAAW,EACX,cAAc,EACd,UAAU,GACY;IACtB,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACzD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE,OAAO;QAElC,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE;YAC1C,WAAW,EAAE,eAAe;YAC5B,WAAW,EAAE,WAAqC;YAClD,UAAU,EAAE,cAAc;YAC1B,UAAU,EAAE,UAAoC;SACjD,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC;IAExE,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,aAAa,GAAG,CACpB,cACE,GAAG,EAAE,YAAY,mCAEjB,CACH,CAAC;IAEF,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,IAAI,CAAC;IAEjD,OAAO,YAAY,CAAC,aAAa,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;AACpD,CAAC;AAED,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,oBAAoB,CAAC;AAI/C,MAAM,CAAC,MAAM,gBAAgB,GAC3B,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;IACpC,CAAC,CAAC;QACE,OAAO,IAAI,CAAC;IACd,CAAC;IACH,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC;AAEhC,eAAe,gBAAgB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "batchkit-devtools-react",
3
- "version": "0.2.0-beta.1",
3
+ "version": "0.3.0",
4
4
  "description": "React wrapper for BatchKit DevTools",
5
5
  "type": "module",
6
6
  "module": "./dist/index.js",
@@ -27,15 +27,23 @@
27
27
  ],
28
28
  "author": "",
29
29
  "license": "MIT",
30
+ "repository": {
31
+ "type": "git",
32
+ "url": "https://github.com/SirajChokshi/batchkit.git",
33
+ "directory": "packages/devtools-react"
34
+ },
30
35
  "peerDependencies": {
31
- "batchkit-devtools": ">=0.1.0",
32
36
  "react": ">=18.0.0",
33
- "react-dom": ">=18.0.0"
37
+ "react-dom": ">=18.0.0",
38
+ "batchkit-devtools": ">=0.3.0"
39
+ },
40
+ "dependencies": {
41
+ "batchkit-devtools": "workspace:*"
34
42
  },
35
43
  "devDependencies": {
44
+ "@types/node": "25.0.3",
36
45
  "@types/react": "^18.3.0",
37
46
  "@types/react-dom": "^18.3.0",
38
- "batchkit-devtools": "workspace:*",
39
47
  "react": "^18.3.0",
40
48
  "react-dom": "^18.3.0",
41
49
  "typescript": "5.3.3"