@zoneflow/editor-dom 0.0.10 → 0.0.12-rc.0

package/dist/pathCreateEditor.d.ts

@@ -1,6 +1,17 @@
-import { type PathId, type Point, type UniverseLayoutModel, type UniverseModel, type ZoneId } from "@zoneflow/core";
+import { type Path, type PathId, type Point, type UniverseLayoutModel, type UniverseModel, type Zone, type ZoneId } from "@zoneflow/core";
 import { type CameraState, type Rect, type RendererFrame } from "@zoneflow/renderer-dom";
 import type { GridSnapOptions } from "./zoneMoveEditor";
+export type CanConnectPathParams = {
+    mode: "create" | "retarget";
+    sourceZoneId: ZoneId;
+    targetZoneId: ZoneId;
+    sourceZone: Zone;
+    targetZone: Zone;
+    model: UniverseModel;
+    pathId?: PathId;
+    path?: Path;
+};
+export type CanConnectPath = (params: CanConnectPathParams) => boolean;
 export declare function screenPointToWorldPoint(point: Point, camera: CameraState): Point;
 export declare function resolveZoneAnchorScreenRect(params: {
     frame: RendererFrame;
@@ -14,6 +25,7 @@ export declare function resolveInputAnchorTargetZoneId(params: {
     camera: CameraState;
     point: Point;
     excludeZoneIds?: ZoneId[];
+    canConnect?: (targetZoneId: ZoneId) => boolean;
 }): ZoneId | null;
 export declare function resolvePathOutputAnchorScreenRect(params: {
     frame: RendererFrame;
@@ -30,6 +42,7 @@ export declare function retargetPathFromOutputAnchorDrag(params: {
     sourceZoneId: ZoneId;
     pathId: PathId;
     targetZoneId?: ZoneId | null;
+    canConnect?: CanConnectPath;
 }): UniverseModel | undefined;
 export declare function createPathFromOutputAnchorDrag(params: {
     model: UniverseModel;
@@ -39,4 +52,5 @@ export declare function createPathFromOutputAnchorDrag(params: {
     dropWorldPoint: Point;
     targetZoneId?: ZoneId | null;
     gridSnap?: GridSnapOptions;
+    canConnect?: CanConnectPath;
 }): CreatePathFromAnchorDragResult | undefined;

package/dist/pathCreateEditor.js

@@ -98,7 +98,7 @@ export function resolveZoneAnchorScreenRect(params) {
     return projectWorldRectToScreenRect(anchorRect, camera);
 }
 export function resolveInputAnchorTargetZoneId(params) {
-    const { model, frame, camera, point, excludeZoneIds } = params;
+    const { model, frame, camera, point, excludeZoneIds, canConnect } = params;
     const excluded = new Set(excludeZoneIds ?? []);
     let bestZoneId = null;
     let bestArea = Number.POSITIVE_INFINITY;
@@ -120,6 +120,8 @@ export function resolveInputAnchorTargetZoneId(params) {
         });
         if (!rect || !containsPoint(rect, point))
             continue;
+        if (canConnect && !canConnect(zoneVisual.zoneId))
+            continue;
         const area = getRectArea(rect);
         if (area < bestArea) {
             bestZoneId = zoneVisual.zoneId;
@@ -152,34 +154,67 @@ export function resolvePathOutputAnchorScreenRect(params) {
     }, camera);
 }
 export function retargetPathFromOutputAnchorDrag(params) {
-    const { model, sourceZoneId, pathId, targetZoneId, } = params;
+    const { model, sourceZoneId, pathId, targetZoneId, canConnect, } = params;
     const sourceZone = model.zonesById[sourceZoneId];
-    if (!sourceZone?.pathsById[pathId])
-        return undefined;
-    if (targetZoneId && !isZoneInputEnabled(model.zonesById[targetZoneId])) {
+    const path = sourceZone?.pathsById[pathId];
+    if (!sourceZone || !path)
         return undefined;
+    let resolvedTargetZoneId = targetZoneId ?? null;
+    if (resolvedTargetZoneId) {
+        const targetZone = model.zonesById[resolvedTargetZoneId];
+        if (!targetZone || !isZoneInputEnabled(targetZone)) {
+            return undefined;
+        }
+        if (canConnect &&
+            !canConnect({
+                mode: "retarget",
+                sourceZoneId,
+                targetZoneId: resolvedTargetZoneId,
+                sourceZone,
+                targetZone,
+                model,
+                pathId,
+                path,
+            })) {
+            resolvedTargetZoneId = null;
+        }
     }
-    return setPathTarget(model, sourceZoneId, pathId, targetZoneId
+    return setPathTarget(model, sourceZoneId, pathId, resolvedTargetZoneId
         ? {
             universeId: model.universeId,
-            zoneId: targetZoneId,
+            zoneId: resolvedTargetZoneId,
         }
         : null);
 }
 export function createPathFromOutputAnchorDrag(params) {
-    const { model, layoutModel, frame, sourceZoneId, dropWorldPoint, targetZoneId, gridSnap, } = params;
+    const { model, layoutModel, frame, sourceZoneId, dropWorldPoint, targetZoneId, gridSnap, canConnect, } = params;
     const sourceZone = model.zonesById[sourceZoneId];
     const sourceVisual = frame.pipeline.graphLayout.zonesById[sourceZoneId];
-    const targetVisual = targetZoneId
-        ? frame.pipeline.graphLayout.zonesById[targetZoneId]
-        : undefined;
     if (!sourceZone || !sourceVisual)
         return undefined;
     if (!isZoneOutputEnabled(sourceZone))
         return undefined;
-    if (targetZoneId && !isZoneInputEnabled(model.zonesById[targetZoneId])) {
-        return undefined;
+    let resolvedTargetZoneId = targetZoneId ?? null;
+    if (resolvedTargetZoneId) {
+        const targetZone = model.zonesById[resolvedTargetZoneId];
+        if (!targetZone || !isZoneInputEnabled(targetZone)) {
+            return undefined;
+        }
+        if (canConnect &&
+            !canConnect({
+                mode: "create",
+                sourceZoneId,
+                targetZoneId: resolvedTargetZoneId,
+                sourceZone,
+                targetZone,
+                model,
+            })) {
+            resolvedTargetZoneId = null;
+        }
     }
+    const targetVisual = resolvedTargetZoneId
+        ? frame.pipeline.graphLayout.zonesById[resolvedTargetZoneId]
+        : undefined;
     const pathId = createPathId();
     const nextPathIndex = sourceZone.pathIds.length;
     const sourceOutlet = sourceVisual.anchors.outlet.point;
@@ -201,10 +236,10 @@ export function createPathFromOutputAnchorDrag(params) {
         id: pathId,
         key: `condition_${ordinal}`,
         name: "Empty",
-        target: targetZoneId
+        target: resolvedTargetZoneId
             ? {
                 universeId: model.universeId,
-                zoneId: targetZoneId,
+                zoneId: resolvedTargetZoneId,
             }
             : null,
         rule: null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zoneflow/editor-dom",
-  "version": "0.0.10",
+  "version": "0.0.12-rc.0",
   "license": "MIT",
   "description": "Low-level editor geometry and interaction helpers for Zoneflow.",
   "type": "module",
@@ -19,8 +19,8 @@
     "dist"
   ],
   "dependencies": {
-    "@zoneflow/core": "0.0.10",
-    "@zoneflow/renderer-dom": "0.0.10"
+    "@zoneflow/core": "0.0.12-rc.0",
+    "@zoneflow/renderer-dom": "0.0.12-rc.0"
   },
   "scripts": {
     "build": "tsc -p tsconfig.json",