@barefootjs/xyflow 0.9.2 → 0.9.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@barefootjs/xyflow",
-  "version": "0.9.2",
+  "version": "0.9.4",
   "description": "Signal-based xyflow wrapper for BarefootJS",
   "type": "module",
   "main": "./dist/index.js",

package/src/compat.ts

@@ -7,8 +7,8 @@
 
 import { untrack } from '@barefootjs/client'
 import { addEdge as addEdgeUtil, reconnectEdge as reconnectEdgeUtil, pointToRendererPoint } from '@xyflow/system'
-import { useFlow } from './hooks'
-import type { NodeBase, EdgeBase, Viewport, XYPosition } from './types'
+import { useFlow } from './hooks.ts'
+import type { NodeBase, EdgeBase, Viewport, XYPosition } from './types.ts'
 import type { Connection, NodeChange, EdgeChange } from '@xyflow/system'
 
 /**
@@ -143,7 +143,7 @@ export function useReactFlow<
 /**
  * useViewport — reactive viewport getter.
  */
-export { useViewport } from './hooks'
+export { useViewport } from './hooks.ts'
 
 /**
  * addEdge utility — wraps @xyflow/system's addEdge.

package/src/connection.ts

@@ -1,7 +1,7 @@
 import { untrack } from '@barefootjs/client'
 import { getSmoothStepPath, Position, reconnectEdge as reconnectEdgeUtil } from '@xyflow/system'
-import type { FlowStore, NodeBase, EdgeBase, Connection } from './types'
-import { SVG_NS } from './constants'
+import type { FlowStore, NodeBase, EdgeBase, Connection } from './types.ts'
+import { SVG_NS } from './constants.ts'
 
 /**
  * Build a connection object for the given source handle / target handle pair.

package/src/context.ts

@@ -1,5 +1,5 @@
 import { createContext } from '@barefootjs/client'
-import type { FlowStore } from './types'
+import type { FlowStore } from './types.ts'
 
 /**
  * Context for sharing the flow store across child components.

package/src/flow-subsystems.ts

@@ -19,10 +19,10 @@
 import { createEffect, onCleanup, untrack } from '@barefootjs/client'
 import { PanOnScrollMode, XYPanZoom } from '@xyflow/system'
 import type { InternalNodeBase, NodeLookup, Transform, Viewport, XYPosition } from '@xyflow/system'
-import { INFINITE_EXTENT } from './constants'
-import { computeEdgePosition, getEdgePath } from './edge-path'
-import { setupKeyboardHandlers, setupSelectionRectangle } from './selection'
-import type { FlowProps, InternalFlowStore, NodeBase, EdgeBase } from './types'
+import { INFINITE_EXTENT } from './constants.ts'
+import { computeEdgePosition, getEdgePath } from './edge-path.ts'
+import { setupKeyboardHandlers, setupSelectionRectangle } from './selection.ts'
+import type { FlowProps, InternalFlowStore, NodeBase, EdgeBase } from './types.ts'
 
 /**
  * Clamp a child node's drag position so the node's rect stays inside

package/src/hooks.ts

@@ -1,8 +1,8 @@
 import { useContext } from '@barefootjs/client/runtime'
 import { createMemo, untrack } from '@barefootjs/client/runtime'
 import { pointToRendererPoint } from '@xyflow/system'
-import { FlowContext } from './context'
-import type { FlowStore, Viewport, NodeBase, EdgeBase, XYPosition } from './types'
+import { FlowContext } from './context.ts'
+import type { FlowStore, Viewport, NodeBase, EdgeBase, XYPosition } from './types.ts'
 import type { Signal, Memo } from '@barefootjs/client/runtime'
 
 /**

package/src/index.ts

@@ -9,8 +9,8 @@
 // via `ref` callbacks.
 
 // Store / context / signal hooks
-export { createFlowStore } from './store'
-export { FlowContext } from './context'
+export { createFlowStore } from './store.ts'
+export { FlowContext } from './context.ts'
 export {
   useFlow,
   useViewport,
@@ -19,22 +19,22 @@ export {
   useNodesInitialized,
   useStore,
   screenToFlowPosition,
-} from './hooks'
+} from './hooks.ts'
 
 // Geometry helpers consumed by the JSX `<SimpleEdge>` component
-export { computeEdgePosition, getEdgePath } from './edge-path'
-export type { EdgePathTuple } from './edge-path'
+export { computeEdgePosition, getEdgePath } from './edge-path.ts'
+export type { EdgePathTuple } from './edge-path.ts'
 
 // Pointer-paced subsystems attached via `<Flow>` / `<Handle>` `ref`
 // callbacks. JSX gives these no leverage — pan/zoom is owned by
 // `XYPanZoom` (D3-zoom-derived), the selection rectangle owns global
 // pointer capture, connection drag uses `elementFromPoint`, and the
 // node resizer needs raw dimension math.
-export { attachFlowSubsystems, clampDragPositionToParent } from './flow-subsystems'
-export { attachConnectionHandler, attachReconnectionHandler } from './connection'
-export { dispatchNodeType } from './node-type-dispatch'
-export type { NodeInitFn } from './node-type-dispatch'
-export { initNodeResizer, ResizeControlVariant } from './node-resizer'
+export { attachFlowSubsystems, clampDragPositionToParent } from './flow-subsystems.ts'
+export { attachConnectionHandler, attachReconnectionHandler } from './connection.ts'
+export { dispatchNodeType } from './node-type-dispatch.ts'
+export type { NodeInitFn } from './node-type-dispatch.ts'
+export { initNodeResizer, ResizeControlVariant } from './node-resizer.ts'
 export type {
   NodeResizerOptions,
   ControlPosition,
@@ -44,9 +44,9 @@ export type {
   OnResizeEnd,
   ShouldResize,
   ResizeControlDirection,
-} from './node-resizer'
-export { setupKeyboardHandlers, setupNodeSelection, setupSelectionRectangle } from './selection'
-export type { SelectionRectOptions } from './selection'
+} from './node-resizer.ts'
+export { setupKeyboardHandlers, setupNodeSelection, setupSelectionRectangle } from './selection.ts'
+export type { SelectionRectOptions } from './selection.ts'
 
 // Stable CSS class names for the registry-side JSX components.
 // Imported (rather than declared as inline literals) so site/ui's
@@ -73,7 +73,7 @@ export {
   BF_FLOW_MINIMAP,
   BF_FLOW_MINIMAP_MASK,
   XYFLOW_VIEWPORT,
-} from './classes'
+} from './classes.ts'
 
 
 // Types
@@ -108,14 +108,14 @@ export type {
   SelectionMode,
   OnReconnect,
   Connection,
-} from './types'
+} from './types.ts'
 // HandleType is consumed by the JSX `<Handle>` component (registry-side)
 // for its `type` prop typing. Re-exported here from `@xyflow/system` so
 // consumers don't need a separate import.
 export type { HandleType } from '@xyflow/system'
 
 // Compat layer (React Flow API shims for desk migration)
-export { useNodesState, useEdgesState, useReactFlow, addEdge, reconnectEdge } from './compat'
+export { useNodesState, useEdgesState, useReactFlow, addEdge, reconnectEdge } from './compat.ts'
 
 // Re-export useful utilities from @xyflow/system
 export {

package/src/node-resizer.ts

@@ -18,7 +18,7 @@ import type {
   ResizeControlDirection,
 } from '@xyflow/system'
 import type { XYResizerChange, XYResizerChildChange, XYResizerInstance } from '@xyflow/system'
-import type { FlowStore } from './types'
+import type { FlowStore } from './types.ts'
 
 /**
  * Options for initNodeResizer.

package/src/node-type-dispatch.ts

@@ -16,8 +16,7 @@
  * See piconic-ai/barefootjs#1236 for the migration motivation.
  */
 
-import type { NodeBase } from './types'
-import type { NodeComponentProps } from './types'
+import type { NodeBase, NodeComponentProps } from './types.ts'
 
 /**
  * Cross-shape `nodeTypes` entry. The return type covers both supported

package/src/selection.ts

@@ -1,6 +1,6 @@
 import { onCleanup, untrack } from '@barefootjs/client'
 import type { NodeBase, EdgeBase, InternalNodeBase, Transform } from '@xyflow/system'
-import type { FlowStore, InternalFlowStore, SelectionMode } from './types'
+import type { FlowStore, InternalFlowStore, SelectionMode } from './types.ts'
 
 /**
  * Set up keyboard handlers for the flow container.

package/src/store.ts

@@ -27,8 +27,8 @@ import type {
   NodeDragItem,
   XYPosition,
 } from '@xyflow/system'
-import type { FlowStoreOptions, InternalFlowStore, FitViewOptions } from './types'
-import { INFINITE_EXTENT } from './constants'
+import type { FlowStoreOptions, InternalFlowStore, FitViewOptions } from './types.ts'
+import { INFINITE_EXTENT } from './constants.ts'
 
 const DEFAULT_VIEWPORT: Viewport = { x: 0, y: 0, zoom: 1 }