草稿行反应

反应钩和原始组件,用于Drappline启用的Tauri应用.

@draftline/react 以 @draftline/client ,并提供提供者支持 工作空间状态、突变助手、远程/恢复表面和无头-第一 图表和变化原始。 原始软件是为主机应用程序设计的 他们的外壳,复制,造型, 和破坏性行动政策.

安装

npm install @draftline/client @draftline/react

使用量

import { createDraftlineClient } from '@draftline/client';
import {
  DraftlineHistoryGraph,
  DraftlineWorkspaceGraph,
  DraftlineProvider,
  createDraftlineHistoryGraph,
  createDraftlineWorkspaceGraphModel,
} from '@draftline/react';
import '@xyflow/react/dist/style.css';

const client = createDraftlineClient();

export function App() {
  const graph = createDraftlineHistoryGraph({
    activeVariationId: 'main',
    versions: [],
    variations: [],
  });

  return (
    <DraftlineProvider client={client} workspacePath="C:\\path\\to\\workspace">
      <DraftlineHistoryGraph graph={graph} />
    </DraftlineProvider>
  );
}

对于Git/DAG历史,通过Drawline's WorkspaceGraph 直接输入 DTO createDraftlineWorkspaceGraphModel启用 view: 'first-parent' 契约 主线视图和 view: 'expanded' 显示每个被拯救的侧面承诺 并合并父母。 主机可以提供 renderNode 使用产品专用标签, 徽章和主题符号,同时 Draftline 保留图形语义.

设计说明

• DraftlineGraphNode 是一个被输出的受歧视的结合,用于版本,肮脏,以及 远程尖端节点.
• DraftlineHistoryGraph 除非主机供应,否则是非交互式的 onSelectNode。 。 。 .
• DraftlineWorkspaceGraph 消耗量 WorkspaceGraph,支持父母亲和 扩展视图,并仅用于渲染/放出.
• 选择回调获得完整上下文 : { node, graph, selectable, nativeEvent }。 。 。 .
• 主机应用程序拥有标签,编辑器重装,脏通航提示,以及远程UX.