@genfeedai/workflow-ui 0.2.2 → 0.2.4

package/README.md

@@ -1,52 +1,30 @@
 # @genfeedai/workflow-ui
 
-Shared UI components for the Genfeed workflow editor built on React Flow.
+Shared workflow editor UI components built on React Flow.
 
-## Installation
+## Install
 
 ```bash
-npm install @genfeedai/workflow-ui
-# or
-bun add @genfeedai/workflow-ui
-```
-
-### Peer Dependencies
-
-```bash
-npm install @xyflow/react react react-dom zustand zundo next
+npm i @genfeedai/workflow-ui
 ```
 
 ## Usage
 
-```typescript
+```ts
 import { WorkflowCanvas } from '@genfeedai/workflow-ui/canvas';
+import { WorkflowUIProvider } from '@genfeedai/workflow-ui/provider';
 import { useWorkflowStore } from '@genfeedai/workflow-ui/stores';
-import { WorkflowProvider } from '@genfeedai/workflow-ui/provider';
+import '@genfeedai/workflow-ui/styles';
 ```
 
-### Subpath Exports
-
-| Export | Description |
-|--------|-------------|
-| `@genfeedai/workflow-ui` | Main entry (re-exports all) |
-| `@genfeedai/workflow-ui/canvas` | Workflow canvas components |
-| `@genfeedai/workflow-ui/nodes` | Node type components |
-| `@genfeedai/workflow-ui/panels` | Side panels (inspector, settings) |
-| `@genfeedai/workflow-ui/toolbar` | Toolbar components |
-| `@genfeedai/workflow-ui/hooks` | React hooks |
-| `@genfeedai/workflow-ui/stores` | Zustand stores |
-| `@genfeedai/workflow-ui/provider` | Context providers |
-| `@genfeedai/workflow-ui/ui` | Primitive UI components |
-| `@genfeedai/workflow-ui/lib` | Utility functions |
-| `@genfeedai/workflow-ui/styles` | CSS stylesheet |
+## Related Packages
 
-### Styles
+- `@genfeedai/types`
+- `@genfeedai/core`
 
-Import the stylesheet in your app:
+## Build Faster with Genfeed
 
-```typescript
-import '@genfeedai/workflow-ui/styles';
-```
+Embed the workflow UI in your own product, or use Genfeed out of the box at [https://genfeed.ai](https://genfeed.ai).
 
 ## License
 

package/dist/canvas.d.ts

@@ -1,15 +1,19 @@
+import * as react from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { NodeTypes, EdgeProps } from '@xyflow/react';
+import { EdgeProps, NodeTypes } from '@xyflow/react';
 import { WorkflowNode } from '@genfeedai/types';
-import * as react from 'react';
 
-interface WorkflowCanvasProps {
-    /** Override default node types. Pass merged core + cloud nodeTypes here. */
-    nodeTypes?: NodeTypes;
-    /** Optional callback for download-as-ZIP of selected nodes */
-    onDownloadAsZip?: (nodes: WorkflowNode[]) => void;
-}
-declare function WorkflowCanvas({ nodeTypes: nodeTypesProp, onDownloadAsZip }?: WorkflowCanvasProps): react_jsx_runtime.JSX.Element;
+declare function ConnectionDropMenuComponent(): react_jsx_runtime.JSX.Element | null;
+declare const ConnectionDropMenu: react.MemoExoticComponent<typeof ConnectionDropMenuComponent>;
+
+declare function EdgeToolbarComponent(): react_jsx_runtime.JSX.Element | null;
+declare const EdgeToolbar: react.MemoExoticComponent<typeof EdgeToolbarComponent>;
+
+declare function EditableEdgeComponent({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style, markerEnd, data, selected, }: EdgeProps): react_jsx_runtime.JSX.Element;
+declare const EditableEdge: react.MemoExoticComponent<typeof EditableEdgeComponent>;
+
+declare function GroupOverlayComponent(): react_jsx_runtime.JSX.Element;
+declare const GroupOverlay: react.MemoExoticComponent<typeof GroupOverlayComponent>;
 
 interface HelperLinesProps {
     draggingNodeId: string | null;
@@ -17,25 +21,21 @@ interface HelperLinesProps {
 declare function HelperLinesComponent({ draggingNodeId }: HelperLinesProps): react_jsx_runtime.JSX.Element | null;
 declare const HelperLines: react.MemoExoticComponent<typeof HelperLinesComponent>;
 
-declare function GroupOverlayComponent(): react_jsx_runtime.JSX.Element;
-declare const GroupOverlay: react.MemoExoticComponent<typeof GroupOverlayComponent>;
-
 declare function NodeSearch(): react_jsx_runtime.JSX.Element | null;
 
-declare function ShortcutHelpModal(): react_jsx_runtime.JSX.Element | null;
-
 declare function PauseEdgeComponent({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style, markerEnd, data, }: EdgeProps): react_jsx_runtime.JSX.Element;
 declare const PauseEdge: react.MemoExoticComponent<typeof PauseEdgeComponent>;
 
-declare function ConnectionDropMenuComponent(): react_jsx_runtime.JSX.Element | null;
-declare const ConnectionDropMenu: react.MemoExoticComponent<typeof ConnectionDropMenuComponent>;
-
-declare function EditableEdgeComponent({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style, markerEnd, data, selected, }: EdgeProps): react_jsx_runtime.JSX.Element;
-declare const EditableEdge: react.MemoExoticComponent<typeof EditableEdgeComponent>;
+declare function ReferenceEdge({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style, markerEnd, source, target, }: EdgeProps): react_jsx_runtime.JSX.Element;
 
-declare function EdgeToolbarComponent(): react_jsx_runtime.JSX.Element | null;
-declare const EdgeToolbar: react.MemoExoticComponent<typeof EdgeToolbarComponent>;
+declare function ShortcutHelpModal(): react_jsx_runtime.JSX.Element | null;
 
-declare function ReferenceEdge({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style, markerEnd, source, target, }: EdgeProps): react_jsx_runtime.JSX.Element;
+interface WorkflowCanvasProps {
+    /** Override default node types. Pass merged core + cloud nodeTypes here. */
+    nodeTypes?: NodeTypes;
+    /** Optional callback for download-as-ZIP of selected nodes */
+    onDownloadAsZip?: (nodes: WorkflowNode[]) => void;
+}
+declare function WorkflowCanvas({ nodeTypes: nodeTypesProp, onDownloadAsZip, }?: WorkflowCanvasProps): react_jsx_runtime.JSX.Element;
 
 export { ConnectionDropMenu, EdgeToolbar, EditableEdge, GroupOverlay, HelperLines, NodeSearch, PauseEdge, ReferenceEdge, ShortcutHelpModal, WorkflowCanvas };

package/dist/canvas.mjs

@@ -1,18 +1,17 @@
-export { ConnectionDropMenu, EdgeToolbar, EditableEdge, GroupOverlay, HelperLines, NodeSearch, PauseEdge, ReferenceEdge, ShortcutHelpModal, WorkflowCanvas } from './chunk-4VEN4UN7.mjs';
-import './chunk-WBR34V4L.mjs';
-import './chunk-ZJD5WMR3.mjs';
-import './chunk-6PSJTBNV.mjs';
-import './chunk-2JQSKIWR.mjs';
-import './chunk-OY7BRSGG.mjs';
-import './chunk-ZD2BADZO.mjs';
-import './chunk-GWBGK3KL.mjs';
-import './chunk-7SKSRSS7.mjs';
-import './chunk-EFXQT23N.mjs';
-import './chunk-CV4M7CNU.mjs';
-import './chunk-PCIWWD37.mjs';
-import './chunk-LDN7IX4Y.mjs';
-import './chunk-LT3ZJJL6.mjs';
-import './chunk-R727OFBR.mjs';
+export { ConnectionDropMenu, EdgeToolbar, EditableEdge, GroupOverlay, HelperLines, NodeSearch, PauseEdge, ReferenceEdge, ShortcutHelpModal, WorkflowCanvas } from './chunk-53XDE62A.mjs';
+import './chunk-ORVDYXDP.mjs';
+import './chunk-MGLAKMDP.mjs';
+import './chunk-2FUPL67V.mjs';
+import './chunk-C6MQBJFC.mjs';
+import './chunk-FWJIAW2E.mjs';
+import './chunk-B4EAAKYF.mjs';
+import './chunk-U4QPE4CY.mjs';
+import './chunk-VVQ4CH77.mjs';
 import './chunk-MLJJBBTB.mjs';
-import './chunk-FT33LFII.mjs';
-import './chunk-VRN3UWE5.mjs';
+import './chunk-YUIK4AHM.mjs';
+import './chunk-7LV4UAUS.mjs';
+import './chunk-QQVHGJ2G.mjs';
+import './chunk-LDN7IX4Y.mjs';
+import './chunk-OJWVEEMM.mjs';
+import './chunk-GPYIIWD5.mjs';
+import './chunk-XRC3O5GK.mjs';