@arronqzy/react-blueprint 1.0.0 → 1.0.3

package/README.md

@@ -0,0 +1,103 @@
+# @arronqzy/react-blueprint
+
+Abuilder 的**蓝图编辑器** React 包，基于 [React Flow](https://reactflow.dev/) 提供节点连线编辑、调试执行与蓝图库管理。
+
+## 功能概览
+
+- **可视化蓝图**：拖拽节点、连线、对齐、视口平移缩放
+- **节点类型**：逻辑、请求、时钟、JSON、子蓝图引用等（由 `blueprint-dsl` 定义行为）
+- **调试执行**：单步/连续调试、执行轨迹、连线信号高亮、时钟节点进度
+- **蓝图库**：IndexedDB 存储、导入导出、元数据编辑
+- **执行日志**：运行记录持久化、导出与清理策略
+- **视图联动**：生命周期钩子向视图节点写入 Scope
+
+## 安装
+
+```bash
+pnpm add @arronqzy/react-blueprint @xyflow/react
+```
+
+```ts
+import "@arronqzy/react-blueprint/blueprint.css";
+```
+
+## 使用
+
+### 蓝图画布
+
+```tsx
+import { useState } from "react";
+import { BluePrintReactRoot, BlueprintGraph } from "@arronqzy/react-blueprint";
+import "@arronqzy/react-blueprint/blueprint.css";
+
+function BlueprintEditor() {
+  const [graph, setGraph] = useState(() => BlueprintGraph.empty());
+
+  return (
+    <BluePrintReactRoot
+      graph={graph}
+      onGraphChange={setGraph}
+      selectedNodeId={null}
+      onSelectNode={() => {}}
+    />
+  );
+}
+```
+
+### 文档转可执行图
+
+```ts
+import { documentToRunnableGraph } from "@arronqzy/react-blueprint";
+
+const runnable = documentToRunnableGraph(document, { libraryNameById });
+```
+
+### 调试会话
+
+```tsx
+import { useBlueprintDebugSession } from "@arronqzy/react-blueprint";
+
+const debug = useBlueprintDebugSession({
+  graph,
+  blueprintId,
+  blueprintName: "我的蓝图",
+  resolveLibraryBlueprint,
+  onViewScopeUpdate: (ids, scope) => { /* 回写视图 Scope */ },
+});
+```
+
+### 页面生命周期（与视图集成）
+
+```tsx
+import { useBlueprintPageLifecycle } from "@arronqzy/react-blueprint";
+
+useBlueprintPageLifecycle({
+  graph,
+  active: blueprintOpen,
+  onViewScopeUpdate,
+  resolveLibraryBlueprint,
+});
+```
+
+## 主要导出
+
+| 模块 | 说明 |
+|------|------|
+| `BluePrintReactRoot` | 蓝图主画布 |
+| `BlueprintGraph` | 图数据结构（`src/graph`） |
+| `documentToRunnableGraph` | 文档 → 运行时图 |
+| `useBlueprintDebugSession` | 调试工具栏与会话 |
+| `useBlueprintPageLifecycle` | 挂载/卸载时启停蓝图 |
+| `BlueprintNodeConfigSidebar` | 节点配置侧栏 |
+| `BlueprintPanelToolbar` | 蓝图工具栏 |
+| `blueprint-library-db` | 蓝图库 IndexedDB API |
+
+## 依赖关系
+
+- `@arronqzy/blueprint-dsl` — 节点定义与执行引擎
+- `@arronqzy/react-rx-store` — 与画布状态订阅
+- `@arronqzy/ui` — UI 组件
+
+## 许可证
+
+ISC

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arronqzy/react-blueprint",
-  "version": "1.0.0",
+  "version": "1.0.3",
   "description": "",
   "main": "index.ts",
   "exports": {
@@ -12,9 +12,9 @@
     "dayjs": "^1.11.13",
     "react-dom": "^19",
     "@xyflow/react": "^12.9.3",
-    "@arronqzy/blueprint-dsl": "0.0.1",
-    "@arronqzy/react-rx-store": "1.0.0",
-    "@arronqzy/ui": "0.0.0"
+    "@arronqzy/blueprint-dsl": "1.0.3",
+    "@arronqzy/react-rx-store": "1.1.2",
+    "@arronqzy/ui": "1.0.2"
   },
   "devDependencies": {
     "@types/react": "^19.0.1",
@@ -27,9 +27,9 @@
     "eslint": "^8.57.0",
     "typescript": "^5.5.4",
     "vite": "^5.1.4",
-    "@arronqzy/tailwind": "0.0.1",
+    "@arronqzy/tailwind": "1.0.2",
     "@arronqzy/eslint-config": "0.0.0",
-    "@arronqzy/typescript-config": "0.0.0"
+    "@arronqzy/typescript-config": "1.0.0"
   },
   "keywords": [],
   "author": "",

package/src/BlueprintNodeConfigSidebar.tsx

@@ -87,6 +87,8 @@ export function BlueprintNodeConfigSidebar({
 
   useEffect(() => {
     if (configSource !== "view") return;
+    // 视图画布尚未就绪时不清理，避免误删有效绑定导致绑定节点「执行了但不写 scope」
+    if (viewElementOptions.length === 0) return;
     const linked = resolveViewElementIds(node);
     if (linked.length === 0) return;
     const pruned = pruneViewElementIds(linked, existingViewElementIdSet);
@@ -103,6 +105,7 @@ export function BlueprintNodeConfigSidebar({
     node.viewElementId,
     node.viewElementIds,
     onUpdateNode,
+    viewElementOptions.length,
   ]);
 
   return (

package/src/blueprint.css

@@ -19,6 +19,8 @@
   --xy-edge-stroke-selected: #1d4ed8;
   --xy-connectionline-stroke: #2563eb;
   --xy-connectionline-stroke-width: 2.5;
+  --xy-handle-background-color: hsl(var(--primary));
+  --xy-handle-border-color: hsl(var(--background));
   background-color: transparent;
 }
 
@@ -174,11 +176,11 @@
   height: 10px;
   min-width: 10px;
   min-height: 10px;
-  border: 2px solid hsl(var(--background));
+  border: 2px solid hsl(var(--background)) !important;
   border-radius: 9999px;
-  background: hsl(var(--muted-foreground) / 0.45);
+  background-color: hsl(var(--foreground) / 0.42) !important;
   transition:
-    background 0.15s ease,
+    background-color 0.15s ease,
     border-color 0.15s ease,
     box-shadow 0.15s ease;
 }
@@ -186,30 +188,34 @@
 .bp-canvas .react-flow__handle.bp-flow-handle:hover,
 .bp-flow .react-flow__handle.bp-flow-handle:hover,
 [data-workspace-region="blueprint"] .react-flow__handle.bp-flow-handle:hover {
-  background: hsl(var(--primary));
-  border-color: hsl(var(--background));
+  background-color: hsl(var(--primary)) !important;
+  border-color: hsl(var(--background)) !important;
   box-shadow: 0 0 0 3px hsl(var(--primary) / 0.28);
 }
 
 .bp-canvas .react-flow__handle.bp-flow-handle--target,
 .bp-flow .react-flow__handle.bp-flow-handle--target,
 [data-workspace-region="blueprint"] .react-flow__handle.bp-flow-handle--target {
-  background: hsl(var(--muted-foreground) / 0.35);
+  background-color: hsl(var(--foreground) / 0.48) !important;
 }
 
 .bp-canvas .react-flow__handle.bp-flow-handle--source,
 .bp-flow .react-flow__handle.bp-flow-handle--source,
 [data-workspace-region="blueprint"] .react-flow__handle.bp-flow-handle--source {
-  background: hsl(var(--primary) / 0.55);
+  background-color: hsl(var(--primary) / 0.72) !important;
 }
 
 .bp-node--selected .bp-flow-handle {
-  border-color: hsl(var(--card));
+  border-color: hsl(var(--card)) !important;
   box-shadow: 0 0 0 2px hsl(var(--primary) / 0.35);
 }
 
+.bp-node--selected .bp-flow-handle--target {
+  background-color: hsl(var(--foreground) / 0.55) !important;
+}
+
 .bp-node--selected .bp-flow-handle--source {
-  background: hsl(var(--primary));
+  background-color: hsl(var(--primary)) !important;
 }
 
 .bp-node--execution-true .bp-node-card {
@@ -225,11 +231,11 @@
 }
 
 .bp-node--execution-true .bp-flow-handle--source {
-  background: #16a34a;
+  background-color: #16a34a !important;
 }
 
 .bp-node--execution-true .bp-flow-handle--target {
-  background: rgb(22 163 74 / 0.55);
+  background-color: rgb(22 163 74 / 0.55) !important;
 }
 
 .bp-node--execution-false .bp-node-card {
@@ -245,11 +251,11 @@
 }
 
 .bp-node--execution-false .bp-flow-handle--source {
-  background: hsl(var(--destructive));
+  background-color: hsl(var(--destructive)) !important;
 }
 
 .bp-node--execution-false .bp-flow-handle--target {
-  background: hsl(var(--destructive) / 0.55);
+  background-color: hsl(var(--destructive) / 0.55) !important;
 }
 
 /* 生命周期节点无输入口：隐藏任何左侧/目标连接点（含旧数据产生的幽灵 handle） */
@@ -267,13 +273,13 @@
 .bp-canvas .react-flow__handle.bp-flow-handle--signal,
 .bp-flow .react-flow__handle.bp-flow-handle--signal,
 [data-workspace-region="blueprint"] .react-flow__handle.bp-flow-handle--signal {
-  background: hsl(38 92% 50% / 0.75);
+  background-color: hsl(38 92% 50% / 0.75) !important;
   width: 8px;
   height: 8px;
 }
 
 .bp-node--selected .bp-flow-handle--signal {
-  background: hsl(38 92% 50%);
+  background-color: hsl(38 92% 50%) !important;
 }
 
 /* 右键菜单 */

package/src/components/BlueprintExecutionLogPanel.tsx

@@ -53,8 +53,8 @@ function IconClearDb({ className }: { className?: string }) {
       aria-hidden="true"
     >
       <ellipse cx="12" cy="6" rx="7" ry="2.5" />
-      <path d="M5 6v12c0 1.5 3.1 2.5 7 2.5s7-1 2.5-7-2.5V6" />
-      <path d="M5 12c0 1.5 3.1 2.5 7 2.5s7-1 7-2.5" />
+      <path d="M5 6v12c0 1.5 3.134 2.5 7 2.5s7-1.343 7-2.5V6" />
+      <path d="M5 12c0 1.5 3.134 2.5 7 2.5s7-1.343 7-2.5" />
       <path d="m16 16 4 4M20 16l-4 4" />
     </svg>
   );

package/src/components/FetchNodeConfigPanel.tsx

@@ -19,6 +19,7 @@ import {
   FETCH_CREDENTIALS,
   FETCH_HTTP_METHODS,
   FETCH_MODES,
+  FETCH_NODE_TYPE,
   FETCH_REDIRECTS,
   FETCH_RESPONSE_TYPES,
 } from "@arronqzy/blueprint-dsl";
@@ -238,8 +239,10 @@ function patchFetchConfig(
   patch: Partial<FetchRequestConfig>
 ) {
   return {
-    fetchConfig: { ...resolveNodeFetchConfig(node), ...patch },
+    role: "fetch" as const,
+    nodeType: FETCH_NODE_TYPE,
     configSource: "fetch" as const,
+    fetchConfig: { ...resolveNodeFetchConfig(node), ...patch },
   };
 }
 

package/src/graph/blueprint-graph.ts

@@ -8,6 +8,7 @@ import {
   resolveNodeFetchConfig,
   resolveNodeJsonConfig,
   resolveNodeLogicConfig,
+  resolveRunnableNodeType,
   sanitizeBlueprintDocument,
   type BlueprintDocument,
   type BlueprintGraphEdge,
@@ -250,7 +251,10 @@ export class BlueprintGraph {
             ...patch.clockConfig,
           };
         }
-        return nextNode;
+        return {
+          ...nextNode,
+          nodeType: resolveRunnableNodeType(nextNode),
+        };
       }),
     });
   }

package/src/graph/document.ts

@@ -89,19 +89,50 @@ export function pruneViewElementIds(
 export function resolveBlueprintConfigSource(
   node: Pick<
     BlueprintGraphNode,
-    "role" | "configSource" | "viewElementId" | "viewElementIds"
+    "role" | "nodeType" | "configSource" | "viewElementId" | "viewElementIds"
   >
 ): BlueprintConfigSource {
   if (node.configSource) return node.configSource;
-  if (resolveViewElementIds(node).length > 0) return "view";
   if (node.role === "lifecycle") return "lifecycle";
   if (node.role === "clock") return "clock";
   if (node.role === "and") return "and";
   if (node.role === "fetch") return "fetch";
   if (node.role === "json") return "json";
+  if (node.nodeType === FETCH_NODE_TYPE) return "fetch";
+  if (node.nodeType === JSON_NODE_TYPE) return "json";
+  if (node.nodeType === CLOCK_NODE_TYPE) return "clock";
+  if (node.nodeType === VIEW_NODE_TYPE) return "view";
+  if (resolveViewElementIds(node).length > 0) return "view";
   return node.role === "logic" ? "logic" : "blueprint";
 }
 
+/** 可执行图节点类型：与配置类型对齐，避免文档里残留旧 nodeType */
+export function resolveRunnableNodeType(
+  node: Pick<
+    BlueprintGraphNode,
+    "role" | "nodeType" | "configSource" | "viewElementId" | "viewElementIds"
+  >
+): string {
+  switch (resolveBlueprintConfigSource(node)) {
+    case "view":
+      return VIEW_NODE_TYPE;
+    case "lifecycle":
+      return LIFECYCLE_NODE_TYPE;
+    case "clock":
+      return CLOCK_NODE_TYPE;
+    case "and":
+      return AND_NODE_TYPE;
+    case "fetch":
+      return FETCH_NODE_TYPE;
+    case "json":
+      return JSON_NODE_TYPE;
+    case "logic":
+      return DEFAULT_LOGIC_NODE_TYPE;
+    default:
+      return BLUEPRINT_NODE_TYPE;
+  }
+}
+
 /** 画布节点顶部（拖拽区）展示的配置类型文案 */
 export const BLUEPRINT_CONFIG_TYPE_LABELS: Record<
   BlueprintConfigSource,
@@ -120,7 +151,7 @@ export const BLUEPRINT_CONFIG_TYPE_LABELS: Record<
 export function resolveBlueprintNodeTypeLabel(
   node: Pick<
     BlueprintGraphNode,
-    "role" | "configSource" | "viewElementId" | "viewElementIds"
+    "role" | "nodeType" | "configSource" | "viewElementId" | "viewElementIds"
   >
 ): string {
   return BLUEPRINT_CONFIG_TYPE_LABELS[resolveBlueprintConfigSource(node)];
@@ -221,11 +252,9 @@ export function sanitizeBlueprintDocument(
         viewElementId: undefined,
       };
     }
-    if (
-      resolveBlueprintConfigSource(next) === "view" &&
-      next.nodeType !== VIEW_NODE_TYPE
-    ) {
-      next = { ...next, nodeType: VIEW_NODE_TYPE };
+    const runnableNodeType = resolveRunnableNodeType(next);
+    if (next.nodeType !== runnableNodeType) {
+      next = { ...next, nodeType: runnableNodeType };
     }
     if (next.role === "lifecycle") {
       return { ...next, configSource: "lifecycle" as const };
@@ -233,6 +262,15 @@ export function sanitizeBlueprintDocument(
     if (next.role === "clock") {
       return { ...next, configSource: "clock" as const };
     }
+    if (next.role === "fetch") {
+      return { ...next, configSource: "fetch" as const };
+    }
+    if (next.role === "json") {
+      return { ...next, configSource: "json" as const };
+    }
+    if (next.role === "and") {
+      return { ...next, configSource: "and" as const };
+    }
     if (next.configSource === "lifecycle" || next.configSource === "clock") {
       return { ...next, configSource: undefined };
     }

package/src/graph/sync-nodes.ts

@@ -42,6 +42,8 @@ export function nodeStructureSignature(
     lifecyclePhase?: string;
     libraryBlueprintId?: string;
     nodeType?: string;
+    viewElementId?: string;
+    viewElementIds?: string[];
     fetchConfig?: { url?: string; method?: string; apiBaseUrl?: string; swaggerDocsUrl?: string };
     jsonConfig?: { jsonString?: string };
     logicConfig?: { sourceCode?: string };
@@ -51,7 +53,7 @@ export function nodeStructureSignature(
   return nodes
     .map(
       (n) =>
-        `${n.id}:${n.role}:${n.label}:${n.configSource ?? ""}:${n.lifecyclePhase ?? ""}:${n.libraryBlueprintId ?? ""}:${n.nodeType ?? ""}:${n.fetchConfig?.url ?? ""}:${n.fetchConfig?.method ?? ""}:${n.fetchConfig?.apiBaseUrl ?? ""}:${n.fetchConfig?.swaggerDocsUrl ?? ""}:${n.jsonConfig?.jsonString ?? ""}:${n.logicConfig?.sourceCode ?? ""}:${n.clockConfig?.intervalSeconds ?? ""}:${n.clockConfig?.timeFormat ?? ""}:${n.clockConfig?.outputCount ?? ""}:${n.clockConfig?.emitImmediately ?? ""}`
+        `${n.id}:${n.role}:${n.label}:${n.configSource ?? ""}:${n.lifecyclePhase ?? ""}:${n.libraryBlueprintId ?? ""}:${n.nodeType ?? ""}:${(n.viewElementIds ?? (n.viewElementId ? [n.viewElementId] : [])).join(",")}:${n.fetchConfig?.url ?? ""}:${n.fetchConfig?.method ?? ""}:${n.fetchConfig?.apiBaseUrl ?? ""}:${n.fetchConfig?.swaggerDocsUrl ?? ""}:${n.jsonConfig?.jsonString ?? ""}:${n.logicConfig?.sourceCode ?? ""}:${n.clockConfig?.intervalSeconds ?? ""}:${n.clockConfig?.timeFormat ?? ""}:${n.clockConfig?.outputCount ?? ""}:${n.clockConfig?.emitImmediately ?? ""}`
     )
     .sort()
     .join("|");

package/src/hooks/useBlueprintDebugSession.ts

@@ -112,16 +112,22 @@ export function useBlueprintDebugSession({
     [graph.document, libraryNameById]
   );
 
-  const syncRunnerWithLatestGraph = useCallback(() => {
+  const syncRunnerGraphConfig = useCallback(() => {
     const runner = runnerRef.current;
     if (!runner?.isDebugSessionActive()) return;
     runner.updateGraph(buildRunnableGraph());
     if (selectedLifecycleNodeId) {
       runner.refreshDebugLifecycleScope(selectedLifecycleNodeId);
     }
-    runner.refreshPendingQueueFromLatestGraph();
   }, [buildRunnableGraph, selectedLifecycleNodeId]);
 
+  const syncRunnerWithLatestGraph = useCallback(() => {
+    syncRunnerGraphConfig();
+    const runner = runnerRef.current;
+    if (!runner?.isDebugSessionActive()) return;
+    runner.refreshPendingQueueFromLatestGraph();
+  }, [syncRunnerGraphConfig]);
+
   const resolveBlueprintName = useCallback(
     (id: string) => libraryNameById?.get(id) ?? id,
     [libraryNameById]
@@ -242,12 +248,9 @@ export function useBlueprintDebugSession({
   useEffect(() => {
     const runner = runnerRef.current;
     if (!runner?.isDebugSessionActive()) return;
-    runner.updateGraph(buildRunnableGraph());
-    if (selectedLifecycleNodeId) {
-      runner.refreshDebugLifecycleScope(selectedLifecycleNodeId);
-    }
+    syncRunnerGraphConfig();
     runner.refreshPendingQueueFromLatestGraph();
-  }, [buildRunnableGraph, graphDebugSig, selectedLifecycleNodeId]);
+  }, [graphDebugSig, syncRunnerGraphConfig]);
 
   useEffect(() => {
     if (running) return;
@@ -277,24 +280,14 @@ export function useBlueprintDebugSession({
     try {
       const runner = beginRun();
       if (!runner) return;
+      runner.updateGraph(buildRunnableGraph());
+      runner.refreshDebugLifecycleScope(selectedLifecycleNodeId);
       const labels = buildNodeLabelMap(graph);
       const onProgress = (trace: ExecutionTraceEntry[]) => {
         setEntries([...trace]);
       };
-      while (runner.isDebugSessionActive() && !runner.isDebugQueueEmpty()) {
-        syncRunnerWithLatestGraph();
-        await runner.debugStep(labels, onProgress);
-        const trace = runner.getTraceEntries();
-        setEntries(trace);
-        if (shouldHaltDebugOnFalseSignal(trace, allowFalseSignalPropagation)) {
-          setChainComplete(true);
-          break;
-        }
-        await new Promise<void>((resolve) => {
-          requestAnimationFrame(() => resolve());
-        });
-      }
-      const result = runner.getTraceEntries();
+      const result = await runner.debugRunAll(labels, onProgress);
+      setEntries(result);
       setChainComplete(
         shouldHaltDebugOnFalseSignal(result, allowFalseSignalPropagation) ||
           (runner.isDebugQueueEmpty() && result.length > 0)
@@ -304,7 +297,16 @@ export function useBlueprintDebugSession({
     } finally {
       setRunning(false);
     }
-  }, [allowFalseSignalPropagation, beginRun, buildRunRecord, graph, persistRunIfNeeded, selectedLifecycleNodeId, syncRunnerWithLatestGraph, validateBlueprintGraph]);
+  }, [
+    allowFalseSignalPropagation,
+    beginRun,
+    buildRunRecord,
+    buildRunnableGraph,
+    graph,
+    persistRunIfNeeded,
+    selectedLifecycleNodeId,
+    validateBlueprintGraph,
+  ]);
 
   const stepNext = useCallback(async () => {
     if (

package/src/hooks/useBlueprintFlowColorMode.ts

@@ -1,8 +1,32 @@
-import { useTheme } from "@arronqzy/ui";
+import { useSyncExternalStore } from "react";
 
-/** 与 next-themes 全局主题对齐，勿用 React Flow 的 system（会跟 OS 走） */
-export function useBlueprintFlowColorMode(): "light" | "dark" {
-  const { resolvedTheme, theme } = useTheme();
-  const current = resolvedTheme ?? theme;
-  return current === "dark" ? "dark" : "light";
+export type BlueprintColorMode = "light" | "dark";
+
+function readDocumentColorMode(): BlueprintColorMode {
+  if (typeof document === "undefined") return "light";
+  const root = document.documentElement;
+  if (root.classList.contains("dark")) return "dark";
+  if (root.classList.contains("light")) return "light";
+  const dataTheme = root.dataset.theme;
+  if (dataTheme === "dark" || dataTheme === "light") return dataTheme;
+  return "light";
+}
+
+function subscribeDocumentColorMode(onChange: () => void) {
+  const root = document.documentElement;
+  const observer = new MutationObserver(onChange);
+  observer.observe(root, {
+    attributes: true,
+    attributeFilter: ["class", "data-theme"],
+  });
+  return () => observer.disconnect();
+}
+
+/** 与 document 上的全局主题（class / data-theme）对齐，避免与 panel 手动切换脱节 */
+export function useBlueprintFlowColorMode(): BlueprintColorMode {
+  return useSyncExternalStore(
+    subscribeDocumentColorMode,
+    readDocumentColorMode,
+    () => "light"
+  );
 }

package/src/runtime/document-to-runnable-graph.ts

@@ -1,10 +1,11 @@
 import {
-  VIEW_NODE_TYPE,
+  FETCH_NODE_TYPE,
   type RunnableGraph,
 } from "@arronqzy/blueprint-dsl";
 
 import {
-  resolveBlueprintConfigSource,
+  resolveNodeFetchConfig,
+  resolveRunnableNodeType,
   resolveViewElementIds,
   type BlueprintDocument,
 } from "../graph/document";
@@ -17,17 +18,19 @@ export function documentToRunnableGraph(
 ): RunnableGraph {
   return {
     nodes: document.nodes.map((node) => {
-      const configSource = resolveBlueprintConfigSource(node);
       const viewElementIds = resolveViewElementIds(node);
+      const nodeType = resolveRunnableNodeType(node);
       return {
         id: node.id,
-        nodeType:
-          configSource === "view" ? VIEW_NODE_TYPE : node.nodeType,
+        nodeType,
         lifecyclePhase: node.lifecyclePhase,
         libraryBlueprintId: node.libraryBlueprintId,
         viewElementIds:
           viewElementIds.length > 0 ? viewElementIds : undefined,
-        fetchConfig: node.fetchConfig,
+        fetchConfig:
+          nodeType === FETCH_NODE_TYPE
+            ? resolveNodeFetchConfig(node)
+            : node.fetchConfig,
         jsonConfig: node.jsonConfig,
         logicConfig: node.logicConfig,
         clockConfig: node.clockConfig,