@statelyai/flow-react 0.5.0 → 0.6.0

package/README.md

@@ -2,11 +2,11 @@
 
 <!-- description from package.json -->
 
-Thin React adapter for `@statelyai/flow` and `@statelyai/flow-dom`.
+Thin React adapter for `@statelyai/flow` with core and DOM re-exports.
 
 ## Philosophy
 
-`@statelyai/flow-react` should be completely event-driven and composable. React should not hide a second flow model behind component internals; it should adapt the same `FlowInstance` that consumers can create, inspect, subscribe to, and trigger directly.
+`@statelyai/flow-react` should be completely event-driven and composable. React should not hide a second flow model behind component internals; it should adapt the same `FlowInstance` that consumers can create, inspect, subscribe to, and trigger directly. It re-exports the lower layers so React consumers can install and import from one package.
 
 The adapter abstracts over two lower layers:
 
@@ -54,11 +54,13 @@ Color mode is store data, not engine behavior. `@statelyai/flow-dom` exports sma
 
 ```tsx
 import {
+  createEdge,
+  createGraph,
+  createNode,
   StatelyFlow,
   useFlow,
   useFlowSelector,
 } from "@statelyai/flow-react";
-import { createEdge, createGraph, createNode } from "@statelyai/flow";
 
 const graph = createGraph({
   nodes: [

package/dist/esm/index.d.ts

@@ -2,6 +2,7 @@ import * as react4 from "react";
 import { CSSProperties, HTMLAttributes, ReactNode, RefObject } from "react";
 import { ResolvedFlowColorMode } from "@statelyai/flow-dom";
 import { AnchorSpec, ConnectionEndedEvent, CreateFlowOptions, EdgePathData, FlowColorMode, FlowController, FlowEdge, FlowGraph, FlowInputMode, FlowNode, FlowProfile, FlowStoreContext, LayoutRequestedEvent, Point, Rect, Viewport, VisualPort } from "@statelyai/flow";
+export * from "@statelyai/flow-dom";
 
 //#region src/createFlowInstance.d.ts
 type FlowSelector<T> = (context: FlowStoreContext) => T;

package/dist/esm/index.js

@@ -3,6 +3,7 @@ import { createContext, memo, useCallback, useContext, useEffect, useLayoutEffec
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { applyFlowColorMode, attachContainer, attachInput, attachViewportTransform, computeRenderableIds, createMeasurementObserver, getAttachedContainer, nodePositionStyle, renderableIdsEqual, resolveFlowColorMode, viewportStyle } from "@statelyai/flow-dom";
 import { CONNECTION_PREVIEW_EDGE_ID, createConnectionPreviewGraph, createEntityChangeNotifier, createFlow, createFlowInputRuntime, getAnchorTransform, getAutoPanDelta, getMinimapProjection, getToolbarPlacement, nodeDepths, pathToSVG, profileModesForContext, viewportCenteredOn } from "@statelyai/flow";
+export * from "@statelyai/flow-dom";
 //#region src/createFlowInstance.ts
 function createFlowInstance(options) {
 	const flow = createFlow({

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@statelyai/flow-react",
-  "version": "0.5.0",
-  "description": "Thin React adapter for @statelyai/flow and @statelyai/flow-dom.",
+  "version": "0.6.0",
+  "description": "Thin React adapter for @statelyai/flow with core and DOM re-exports.",
   "keywords": [
     "flow",
     "diagram",
@@ -32,7 +32,7 @@
   "license": "MIT",
   "dependencies": {
     "@statelyai/flow": "0.4.2",
-    "@statelyai/flow-dom": "3.0.1"
+    "@statelyai/flow-dom": "3.1.0"
   },
   "peerDependencies": {
     "react": "^18.2.0 || ^19.0.0",