@mp70/react-networks 0.5.1 → 0.7.0

package/LICENSE

@@ -0,0 +1,46 @@
+DUAL LICENSE - AGPL-3.0 AND COMMERCIAL
+
+Copyright (c) 2024 Matt Pickering. All rights reserved.
+
+This software is dual-licensed under the GNU Affero General Public License version 3 (AGPL-3.0) and a commercial license.
+
+## Option 1: GNU Affero General Public License v3.0
+
+This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+## Option 2: Commercial License
+
+For organizations that prefer not to use the AGPL-3.0 license, a commercial license is available. The commercial license provides:
+
+- No copyleft obligations
+- No requirement to open source derivative works
+- No requirement to provide source code to users
+- Commercial use without AGPL restrictions
+- Priority support and maintenance
+- Custom licensing terms available
+
+### Commercial License Terms
+
+Subject to the terms and conditions of the commercial license, Matt Pickering hereby grants you a non-exclusive, non-transferable license to use the Software for commercial purposes without the restrictions of the AGPL-3.0.
+
+The commercial license does not grant you the right to:
+1. Distribute, sublicense, or transfer the Software to any third party without permission
+2. Remove or alter any proprietary notices or labels on the Software
+
+### Commercial License Inquiries
+
+For commercial licensing inquiries, please contact:
+Matt Pickering
+Email: info@rackout.net
+
+## License Choice
+
+You may choose to use this software under either:
+- The AGPL-3.0 license (free, with copyleft obligations)
+- A commercial license (paid, without copyleft obligations)
+
+If you do not explicitly choose a commercial license, you are automatically bound by the terms of the AGPL-3.0 license.

package/README.md

@@ -1,7 +1,7 @@
 # react-networks
 
-[![npm version](https://img.shields.io/npm/v/@mp70/react-networks.svg)](https://www.npmjs.com/package/@mp70/react-networks)
-[![license](https://img.shields.io/npm/l/@mp70/react-networks.svg)](https://www.npmjs.com/package/@mp70/react-networks)
+[![npm version](https://img.shields.io/npm/v/react-networks.svg)](https://www.npmjs.com/package/react-networks)
+[![license](https://img.shields.io/npm/l/react-networks.svg)](https://www.npmjs.com/package/react-networks)
 [![TypeScript](https://img.shields.io/badge/TypeScript-Ready-blue.svg)](https://www.typescriptlang.org/)
 
 A React library for creating interactive network diagrams with support for rack management, fiber networks, and power distribution. Built on React Flow with TypeScript support.
@@ -25,19 +25,19 @@ A React library for creating interactive network diagrams with support for rack
 ### Installation
 
 ```bash
-npm install @mp70/react-networks react react-dom reactflow
+npm install react-networks react react-dom reactflow
 # or
-yarn add @mp70/react-networks react react-dom reactflow
+yarn add react-networks react react-dom reactflow
 # or
-pnpm add @mp70/react-networks react react-dom reactflow
+pnpm add react-networks react react-dom reactflow
 ```
 
 ### Basic Usage
 
 ```tsx
 import React from 'react';
-import { NetworkDiagram, NetworkNode, NetworkEdge } from '@mp70/react-networks';
-import '@mp70/react-networks/index.css';
+import { NetworkDiagram, NetworkNode, NetworkEdge } from 'react-networks';
+import 'react-networks/index.css';
 
 const nodes: NetworkNode[] = [
   {
@@ -87,7 +87,7 @@ export default App;
 
 ### Data Model
 
-`@mp70/react-networks` supports two control layers:
+`react-networks` supports two control layers:
 
 - `document` / `initialDocument` / `onDocumentChange` use `DiagramDocument`, the canonical persisted/editor schema. Prefer this for saved diagrams, import/export, and external integrations.
 - `nodes` / `edges` remain the lower-level React Flow-shaped control surface when you want direct control of rendered nodes and edges.
@@ -199,6 +199,8 @@ For new code, prefer the document-model props. The graph props and React Flow es
 | `onEdgeUpdate` | `(oldEdge: ReactFlowEdge, newConnection: Connection) => void` | - | Edge update (reconnect) override |
 | `isValidConnection` | `(connection: Connection) => boolean` | - | Connection validation override |
 | `connectionMode` | `ConnectionMode` | - | React Flow connection mode |
+| `connectionRadius` | `number` | React Flow default | Pointer snap distance (px) for handles. Raise to make small ports easier to target; lower to avoid mis-targeting on dense devices |
+| `onConnectRejected` | `(payload: NetworkConnectionRejection) => void` | - | Fired when a connect/reconnect attempt is rejected, so you can surface feedback instead of failing silently |
 | `reAssignable` | `boolean` | `true` | Allow devices to move between racks / ungroup on drag |
 | `colorMode` | `'light' \| 'dark' \| 'system'` | - | Diagram color mode |
 | `onInit` | `(instance: ReactFlowInstance) => void` | - | Called when React Flow is ready |
@@ -292,7 +294,7 @@ type NetworkEdgeType = 'fiber' | 'ethernet' | 'power' | 'smoothstep' | 'step' |
 ### Rack Configuration
 
 ```tsx
-import { RackConfig, buildNodesFromRackConfig, Width } from '@mp70/react-networks';
+import { RackConfig, buildNodesFromRackConfig, Width } from 'react-networks';
 
 const rackSchema: RackConfig[] = [
   {
@@ -339,7 +341,7 @@ Device images (e.g. server front/rear photos or SVGs) use `frontImageUrl` and `r
 ### Inventory Integration
 
 ```tsx
-import { inventoryToNetworkDiagram } from '@mp70/react-networks';
+import { inventoryToNetworkDiagram } from 'react-networks';
 
 const inventoryData = {
   racks: [...],
@@ -353,7 +355,7 @@ const { nodes, edges } = inventoryToNetworkDiagram(inventoryData);
 ### Custom Styling
 
 ```tsx
-import '@mp70/react-networks/index.css';
+import 'react-networks/index.css';
 
 // Override CSS variables
 .network-diagram {