batchkit-devtools-react 0.2.0 → 0.3.1

package/dist/BatchkitDevtools.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+export interface BatchkitDevtoolsProps {
+    position?: 'right' | 'bottom' | 'left';
+    defaultOpen?: boolean;
+    buttonClassName?: string;
+    buttonStyle?: CSSProperties;
+    panelClassName?: string;
+    panelStyle?: CSSProperties;
+}
+export declare function BatchkitDevtools({ position, defaultOpen, buttonClassName, buttonStyle, panelClassName, panelStyle, }: BatchkitDevtoolsProps): import("react").ReactPortal | null;
+//# sourceMappingURL=BatchkitDevtools.d.ts.map

package/dist/BatchkitDevtools.d.ts.map

@@ -0,0 +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"}

package/dist/BatchkitDevtools.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { mount } from 'batchkit-devtools';
+export function BatchkitDevtools({ position, defaultOpen, buttonClassName, buttonStyle, panelClassName, panelStyle, }) {
+    const containerRef = useRef(null);
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => {
+        setMounted(true);
+        return () => setMounted(false);
+    }, []);
+    useEffect(() => {
+        if (!containerRef.current)
+            return;
+        const dispose = mount(containerRef.current, {
+            position,
+            defaultOpen,
+            buttonClass: buttonClassName,
+            buttonStyle: buttonStyle,
+            panelClass: panelClassName,
+            panelStyle: panelStyle,
+        });
+        return () => {
+            dispose();
+        };
+    }, [
+        mounted,
+        position,
+        defaultOpen,
+        buttonClassName,
+        buttonStyle,
+        panelClassName,
+        panelStyle,
+    ]);
+    if (!mounted)
+        return null;
+    const portalContent = (_jsx("div", { ref: containerRef, "data-batchkit-devtools": true }));
+    if (typeof document === 'undefined')
+        return null;
+    return createPortal(portalContent, document.body);
+}
+//# sourceMappingURL=BatchkitDevtools.js.map

package/dist/BatchkitDevtools.js.map

@@ -0,0 +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"}

package/dist/index.d.ts.map

@@ -0,0 +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

@@ -0,0 +1,8 @@
+import * as Devtools from './BatchkitDevtools';
+export const BatchkitDevtools = process.env.NODE_ENV !== 'development'
+    ? function () {
+        return null;
+    }
+    : Devtools.BatchkitDevtools;
+export default BatchkitDevtools;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +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

@@ -1,6 +1,6 @@
 {
   "name": "batchkit-devtools-react",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "description": "React wrapper for BatchKit DevTools",
   "type": "module",
   "module": "./dist/index.js",
@@ -33,14 +33,17 @@
     "directory": "packages/devtools-react"
   },
   "peerDependencies": {
-    "batchkit-devtools": ">=0.2.0",
     "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
+    "react-dom": ">=18.0.0",
+    "batchkit-devtools": ">=0.3.1"
+  },
+  "dependencies": {
+    "batchkit-devtools": "workspace:*"
   },
   "devDependencies": {
+    "@types/node": "25.0.3",
     "@types/react": "^18.3.0",
     "@types/react-dom": "^18.3.0",
-    "batchkit-devtools": "workspace:*",
     "react": "^18.3.0",
     "react-dom": "^18.3.0",
     "typescript": "5.3.3"