matthias/lemonspace_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enable offline edge split sync and stabilize local edge state

Browse Source
This commit is contained in:
Matthias
2026-04-01 11:04:40 +02:00
parent f9b15613c5
commit eb5ed06ced
8 changed files with 506 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
lib/canvas-local-persistence.ts
View File

@@ -190,7 +190,8 @@ function opTouchesNodeId(op: CanvasPendingOp, nodeIdSet: ReadonlySet<string>): b
(typeof payload.nodeId === "string" && nodeIdSet.has(payload.nodeId)) ||
(typeof payload.sourceNodeId === "string" && nodeIdSet.has(payload.sourceNodeId)) ||
(typeof payload.targetNodeId === "string" && nodeIdSet.has(payload.targetNodeId)) ||
(typeof payload.parentId === "string" && nodeIdSet.has(payload.parentId))
(typeof payload.parentId === "string" && nodeIdSet.has(payload.parentId)) ||
(typeof payload.middleNodeId === "string" && nodeIdSet.has(payload.middleNodeId))
) {
return true;
}
@@ -227,8 +228,10 @@ function opHasClientRequestId(
function opTouchesEdgeId(op: CanvasPendingOp, edgeIdSet: ReadonlySet<string>): boolean {
if (!isRecord(op.payload)) return false;
return (
typeof op.payload.edgeId === "string" &&
edgeIdSet.has(op.payload.edgeId)
(typeof op.payload.edgeId === "string" &&
edgeIdSet.has(op.payload.edgeId)) ||
(typeof op.payload.splitEdgeId === "string" &&
edgeIdSet.has(op.payload.splitEdgeId))
);
}
@@ -291,6 +294,10 @@ function remapNodeIdInPayload(
changed = true;
}
}
if (nextPayload.middleNodeId === fromNodeId) {
nextPayload.middleNodeId = toNodeId;
changed = true;
}
const moves = nextPayload.moves;
if (Array.isArray(moves)) {

159
lib/canvas-op-queue.ts
View File

@@ -49,6 +49,23 @@ export type CanvasSyncOpPayloadByType = {
sourceHandle?: string;
targetHandle?: string;
};
createNodeWithEdgeSplit: {
canvasId: Id<"canvases">;
type: string;
positionX: number;
positionY: number;
width: number;
height: number;
data: unknown;
parentId?: Id<"nodes">;
zIndex?: number;
splitEdgeId: Id<"edges">;
newNodeTargetHandle?: string;
newNodeSourceHandle?: string;
splitSourceHandle?: string;
splitTargetHandle?: string;
clientRequestId: string;
};
createEdge: {
canvasId: Id<"canvases">;
sourceNodeId: Id<"nodes">;
@@ -63,6 +80,18 @@ export type CanvasSyncOpPayloadByType = {
batchRemoveNodes: {
nodeIds: Id<"nodes">[];
};
splitEdgeAtExistingNode: {
canvasId: Id<"canvases">;
splitEdgeId: Id<"edges">;
middleNodeId: Id<"nodes">;
splitSourceHandle?: string;
splitTargetHandle?: string;
newNodeSourceHandle?: string;
newNodeTargetHandle?: string;
positionX?: number;
positionY?: number;
clientRequestId: string;
};
moveNode: { nodeId: Id<"nodes">; positionX: number; positionY: number };
resizeNode: { nodeId: Id<"nodes">; width: number; height: number };
updateData: { nodeId: Id<"nodes">; data: unknown };
@@ -215,9 +244,11 @@ function normalizeOp(raw: unknown): CanvasSyncOp | null {
type !== "createNode" &&
type !== "createNodeWithEdgeFromSource" &&
type !== "createNodeWithEdgeToTarget" &&
type !== "createNodeWithEdgeSplit" &&
type !== "createEdge" &&
type !== "removeEdge" &&
type !== "batchRemoveNodes" &&
type !== "splitEdgeAtExistingNode" &&
type !== "moveNode" &&
type !== "resizeNode" &&
type !== "updateData"
@@ -368,6 +399,61 @@ function normalizeOp(raw: unknown): CanvasSyncOp | null {
};
}
if (
type === "createNodeWithEdgeSplit" &&
typeof payload.canvasId === "string" &&
typeof payload.type === "string" &&
typeof payload.positionX === "number" &&
typeof payload.positionY === "number" &&
typeof payload.width === "number" &&
typeof payload.height === "number" &&
typeof payload.splitEdgeId === "string" &&
typeof payload.clientRequestId === "string"
) {
return {
id,
canvasId,
type,
payload: {
canvasId: payload.canvasId as Id<"canvases">,
type: payload.type,
positionX: payload.positionX,
positionY: payload.positionY,
width: payload.width,
height: payload.height,
data: payload.data,
parentId:
typeof payload.parentId === "string"
? (payload.parentId as Id<"nodes">)
: undefined,
zIndex: typeof payload.zIndex === "number" ? payload.zIndex : undefined,
splitEdgeId: payload.splitEdgeId as Id<"edges">,
newNodeTargetHandle:
typeof payload.newNodeTargetHandle === "string"
? payload.newNodeTargetHandle
: undefined,
newNodeSourceHandle:
typeof payload.newNodeSourceHandle === "string"
? payload.newNodeSourceHandle
: undefined,
splitSourceHandle:
typeof payload.splitSourceHandle === "string"
? payload.splitSourceHandle
: undefined,
splitTargetHandle:
typeof payload.splitTargetHandle === "string"
? payload.splitTargetHandle
: undefined,
clientRequestId: payload.clientRequestId,
},
enqueuedAt,
attemptCount,
nextRetryAt,
expiresAt,
lastError,
};
}
if (
type === "createEdge" &&
typeof payload.canvasId === "string" &&
@@ -440,6 +526,49 @@ function normalizeOp(raw: unknown): CanvasSyncOp | null {
};
}
if (
type === "splitEdgeAtExistingNode" &&
typeof payload.canvasId === "string" &&
typeof payload.splitEdgeId === "string" &&
typeof payload.middleNodeId === "string" &&
typeof payload.clientRequestId === "string"
) {
return {
id,
canvasId,
type,
payload: {
canvasId: payload.canvasId as Id<"canvases">,
splitEdgeId: payload.splitEdgeId as Id<"edges">,
middleNodeId: payload.middleNodeId as Id<"nodes">,
splitSourceHandle:
typeof payload.splitSourceHandle === "string"
? payload.splitSourceHandle
: undefined,
splitTargetHandle:
typeof payload.splitTargetHandle === "string"
? payload.splitTargetHandle
: undefined,
newNodeSourceHandle:
typeof payload.newNodeSourceHandle === "string"
? payload.newNodeSourceHandle
: undefined,
newNodeTargetHandle:
typeof payload.newNodeTargetHandle === "string"
? payload.newNodeTargetHandle
: undefined,
positionX: typeof payload.positionX === "number" ? payload.positionX : undefined,
positionY: typeof payload.positionY === "number" ? payload.positionY : undefined,
clientRequestId: payload.clientRequestId,
},
enqueuedAt,
attemptCount,
nextRetryAt,
expiresAt,
lastError,
};
}
if (
type === "moveNode" &&
typeof payload.nodeId === "string" &&
@@ -727,6 +856,18 @@ function remapNodeIdInPayload(
return { ...op, payload: next };
}
}
if (op.type === "createNodeWithEdgeSplit" && op.payload.parentId === fromNodeId) {
return {
...op,
payload: { ...op.payload, parentId: toNodeId as Id<"nodes"> },
};
}
if (op.type === "splitEdgeAtExistingNode" && op.payload.middleNodeId === fromNodeId) {
return {
...op,
payload: { ...op.payload, middleNodeId: toNodeId as Id<"nodes"> },
};
}
if (op.type === "moveNode" && op.payload.nodeId === fromNodeId) {
return {
...op,
@@ -833,6 +974,12 @@ function opTouchesNodeId(op: CanvasSyncOp, nodeIdSet: ReadonlySet<string>): bool
(op.payload.parentId !== undefined && nodeIdSet.has(op.payload.parentId))
);
}
if (op.type === "createNodeWithEdgeSplit") {
return op.payload.parentId !== undefined && nodeIdSet.has(op.payload.parentId);
}
if (op.type === "splitEdgeAtExistingNode") {
return nodeIdSet.has(op.payload.middleNodeId);
}
if (op.type === "batchRemoveNodes") {
return op.payload.nodeIds.some((nodeId) => nodeIdSet.has(nodeId));
}
@@ -852,6 +999,12 @@ function opHasClientRequestId(op: CanvasSyncOp, clientRequestIdSet: ReadonlySet<
if (op.type === "createEdge") {
return clientRequestIdSet.has(op.payload.clientRequestId);
}
if (op.type === "createNodeWithEdgeSplit") {
return clientRequestIdSet.has(op.payload.clientRequestId);
}
if (op.type === "splitEdgeAtExistingNode") {
return clientRequestIdSet.has(op.payload.clientRequestId);
}
return false;
}
@@ -859,6 +1012,12 @@ function opTouchesEdgeId(op: CanvasSyncOp, edgeIdSet: ReadonlySet<string>): bool
if (op.type === "removeEdge") {
return edgeIdSet.has(op.payload.edgeId);
}
if (op.type === "createNodeWithEdgeSplit") {
return edgeIdSet.has(op.payload.splitEdgeId);
}
if (op.type === "splitEdgeAtExistingNode") {
return edgeIdSet.has(op.payload.splitEdgeId);
}
return false;
}