@buoy-gg/network 1.7.2

package/lib/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/lib/commonjs/preset.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createNetworkTool = createNetworkTool;
+exports.networkToolPreset = void 0;
+var _sharedUi = require("@buoy-gg/shared-ui");
+var _NetworkModal = require("./network/components/NetworkModal");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Pre-configured network monitoring tool for FloatingDevTools
+ *
+ * This preset provides a zero-config way to add network request monitoring to your dev tools.
+ * Just import and add it to your apps array!
+ *
+ * @example
+ * ```tsx
+ * import { networkToolPreset } from '@buoy-gg/network';
+ *
+ * const installedApps = [
+ *   networkToolPreset, // That's it!
+ *   // ...other tools
+ * ];
+ * ```
+ */
+
+/**
+ * Pre-configured network monitoring tool for FloatingDevTools.
+ * Includes:
+ * - Live network request monitoring
+ * - Request/response inspection
+ * - Filter by status, method, URL
+ * - Timing information
+ */
+const networkToolPreset = exports.networkToolPreset = {
+  id: "network",
+  name: "NET",
+  description: "Network request logger",
+  slot: "both",
+  icon: ({
+    size
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NetworkIcon, {
+    size: size
+  }),
+  component: _NetworkModal.NetworkModal,
+  props: {
+    enableSharedModalDimensions: false
+  }
+};
+
+/**
+ * Create a custom network monitoring tool configuration.
+ * Use this if you want to override default settings.
+ *
+ * @example
+ * ```tsx
+ * import { createNetworkTool } from '@buoy-gg/network';
+ *
+ * const myNetworkTool = createNetworkTool({
+ *   name: "REQUESTS",
+ *   iconColor: "#9945FF", // Purple color
+ *   enableSharedModalDimensions: true,
+ * });
+ * ```
+ */
+function createNetworkTool(options) {
+  return {
+    id: options?.id || "network",
+    name: options?.name || "NET",
+    description: options?.description || "Network request logger",
+    slot: "both",
+    icon: ({
+      size
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NetworkIcon, {
+      size: size
+    }),
+    component: _NetworkModal.NetworkModal,
+    props: {
+      enableSharedModalDimensions: options?.enableSharedModalDimensions !== undefined ? options.enableSharedModalDimensions : false
+    }
+  };
+}

package/lib/module/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+// Export preset configuration (easiest way to add to FloatingDevTools!)
+export { networkToolPreset, createNetworkTool } from "./preset";
+
+// Export all network utilities and components
+export * from "./network";