@genfeedai/workflow-ui 0.2.3 → 0.2.5

package/dist/workflowStore-N2F7WIG3.mjs

@@ -0,0 +1,2 @@
+import './chunk-LDN7IX4Y.mjs';
+export { useWorkflowStore } from './chunk-GPYIIWD5.mjs';

package/package.json

@@ -1,78 +1,4 @@
 {
-  "name": "@genfeedai/workflow-ui",
-  "version": "0.2.3",
-  "type": "module",
-  "license": "AGPL-3.0",
-  "description": "Shared UI components for Genfeed workflow editor",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/genfeedai/packages.git",
-    "directory": "workflow-ui"
-  },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs"
-    },
-    "./canvas": {
-      "types": "./dist/canvas.d.ts",
-      "import": "./dist/canvas.mjs"
-    },
-    "./nodes": {
-      "types": "./dist/nodes.d.ts",
-      "import": "./dist/nodes.mjs"
-    },
-    "./panels": {
-      "types": "./dist/panels.d.ts",
-      "import": "./dist/panels.mjs"
-    },
-    "./toolbar": {
-      "types": "./dist/toolbar.d.ts",
-      "import": "./dist/toolbar.mjs"
-    },
-    "./hooks": {
-      "types": "./dist/hooks.d.ts",
-      "import": "./dist/hooks.mjs"
-    },
-    "./stores": {
-      "types": "./dist/stores.d.ts",
-      "import": "./dist/stores.mjs"
-    },
-    "./provider": {
-      "types": "./dist/provider.d.ts",
-      "import": "./dist/provider.mjs"
-    },
-    "./ui": {
-      "types": "./dist/ui.d.ts",
-      "import": "./dist/ui.mjs"
-    },
-    "./lib": {
-      "types": "./dist/lib.d.ts",
-      "import": "./dist/lib.mjs"
-    },
-    "./styles": "./src/styles/workflow-ui.css"
-  },
-  "files": [
-    "dist",
-    "src/styles"
-  ],
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "peerDependencies": {
-    "@xyflow/react": ">=12.0.0",
-    "next": ">=14.0.0",
-    "react": ">=19.0.0",
-    "react-dom": ">=19.0.0",
-    "zustand": ">=5.0.0",
-    "zundo": ">=2.0.0"
-  },
   "dependencies": {
     "@dagrejs/dagre": "^2.0.4",
     "@genfeedai/core": "^0.2.1",
@@ -88,6 +14,7 @@
     "nanoid": "^5.1.6",
     "tailwind-merge": "^3.4.0"
   },
+  "description": "Shared UI components for Genfeed workflow editor",
   "devDependencies": {
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.2.0",
@@ -105,10 +32,85 @@
     "zundo": "2.3.0",
     "zustand": "5.0.3"
   },
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./canvas": {
+      "import": "./dist/canvas.mjs",
+      "types": "./dist/canvas.d.ts"
+    },
+    "./hooks": {
+      "import": "./dist/hooks.mjs",
+      "types": "./dist/hooks.d.ts"
+    },
+    "./lib": {
+      "import": "./dist/lib.mjs",
+      "types": "./dist/lib.d.ts"
+    },
+    "./nodes": {
+      "import": "./dist/nodes.mjs",
+      "types": "./dist/nodes.d.ts"
+    },
+    "./panels": {
+      "import": "./dist/panels.mjs",
+      "types": "./dist/panels.d.ts"
+    },
+    "./provider": {
+      "import": "./dist/provider.mjs",
+      "types": "./dist/provider.d.ts"
+    },
+    "./stores": {
+      "import": "./dist/stores.mjs",
+      "types": "./dist/stores.d.ts"
+    },
+    "./styles": "./src/styles/workflow-ui.css",
+    "./toolbar": {
+      "import": "./dist/toolbar.mjs",
+      "types": "./dist/toolbar.d.ts"
+    },
+    "./ui": {
+      "import": "./dist/ui.mjs",
+      "types": "./dist/ui.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "src/styles"
+  ],
+  "license": "AGPL-3.0",
+  "module": "./dist/index.mjs",
+  "name": "@genfeedai/workflow-ui",
+  "peerDependencies": {
+    "@xyflow/react": ">=12.0.0",
+    "next": ">=14.0.0",
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0",
+    "zundo": ">=2.0.0",
+    "zustand": ">=5.0.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "repository": {
+    "directory": "workflow-ui",
+    "type": "git",
+    "url": "git+https://github.com/genfeedai/packages.git"
+  },
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch",
     "prepublishOnly": "bun run build",
+    "publish": "PACKAGE_FILTER=workflow-ui PUBLISH_PROVENANCE=0 node ../scripts/publish-public-packages.mjs",
+    "publish:dry-run": "PACKAGE_FILTER=workflow-ui PUBLISH_DRY_RUN=1 PUBLISH_PROVENANCE=0 node ../scripts/publish-public-packages.mjs",
     "test": "vitest run"
-  }
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "type": "module",
+  "types": "./dist/index.d.ts",
+  "version": "0.2.5"
 }

package/src/styles/workflow-ui.css

@@ -50,10 +50,18 @@
   border: 2px solid var(--background);
 }
 
-.react-flow__handle-left { left: -5px; }
-.react-flow__handle-right { right: -5px; }
-.react-flow__handle-top { top: -5px; }
-.react-flow__handle-bottom { bottom: -5px; }
+.react-flow__handle-left {
+  left: -5px;
+}
+.react-flow__handle-right {
+  right: -5px;
+}
+.react-flow__handle-top {
+  top: -5px;
+}
+.react-flow__handle-bottom {
+  bottom: -5px;
+}
 
 .react-flow__edge-path {
   stroke: var(--muted-foreground);
@@ -61,17 +69,29 @@
 }
 
 /* Edge type colors (based on data type flowing through) */
-.react-flow__edge.edge-image .react-flow__edge-path { stroke: var(--handle-image); }
-.react-flow__edge.edge-video .react-flow__edge-path { stroke: var(--handle-video); }
-.react-flow__edge.edge-text .react-flow__edge-path { stroke: var(--handle-text); }
-.react-flow__edge.edge-number .react-flow__edge-path { stroke: var(--handle-number); }
-.react-flow__edge.edge-audio .react-flow__edge-path { stroke: var(--handle-audio); }
+.react-flow__edge.edge-image .react-flow__edge-path {
+  stroke: var(--handle-image);
+}
+.react-flow__edge.edge-video .react-flow__edge-path {
+  stroke: var(--handle-video);
+}
+.react-flow__edge.edge-text .react-flow__edge-path {
+  stroke: var(--handle-text);
+}
+.react-flow__edge.edge-number .react-flow__edge-path {
+  stroke: var(--handle-number);
+}
+.react-flow__edge.edge-audio .react-flow__edge-path {
+  stroke: var(--handle-audio);
+}
 
 /* Selected edge - highlight with glow (preserves type color) */
 .react-flow__edge.selected .react-flow__edge-path {
   stroke-width: 3px;
   filter: drop-shadow(0 0 6px currentColor) brightness(1.3);
-  transition: stroke-width 0.15s ease, filter 0.15s ease;
+  transition:
+    stroke-width 0.15s ease,
+    filter 0.15s ease;
 }
 
 /* Dimmed edges (not connected to selection) */
@@ -83,7 +103,9 @@
 /* Highlighted edges (connected to selection) - brighten the type color */
 .react-flow__edge.highlighted .react-flow__edge-path {
   filter: drop-shadow(0 0 4px currentColor) brightness(1.2);
-  transition: opacity 0.2s ease, filter 0.2s ease;
+  transition:
+    opacity 0.2s ease,
+    filter 0.2s ease;
 }
 
 /* Executing edges (during workflow execution) - pipe flow effect */
@@ -109,7 +131,9 @@
   stroke-width: 1.5px;
   stroke-dasharray: 5 5;
   opacity: 0.3;
-  transition: opacity 0.2s ease, stroke 0.2s ease;
+  transition:
+    opacity 0.2s ease,
+    stroke 0.2s ease;
 }
 
 .react-flow__background {
@@ -150,12 +174,24 @@
    Handle Type Color Classes
    ========================================================================== */
 
-.handle-image { background: var(--handle-image) !important; }
-.handle-video { background: var(--handle-video) !important; }
-.handle-text { background: var(--handle-text) !important; }
-.handle-number { background: var(--handle-number) !important; }
-.handle-audio { background: var(--handle-audio) !important; }
-.handle-output { background: var(--handle-output) !important; }
+.handle-image {
+  background: var(--handle-image) !important;
+}
+.handle-video {
+  background: var(--handle-video) !important;
+}
+.handle-text {
+  background: var(--handle-text) !important;
+}
+.handle-number {
+  background: var(--handle-number) !important;
+}
+.handle-audio {
+  background: var(--handle-audio) !important;
+}
+.handle-output {
+  background: var(--handle-output) !important;
+}
 
 /* ==========================================================================
    Animation Keyframes
@@ -163,7 +199,8 @@
 
 /* Processing node glow animation */
 @keyframes processing-glow {
-  0%, 100% {
+  0%,
+  100% {
     box-shadow: 0 0 8px 2px var(--node-color, var(--primary));
   }
   50% {

package/dist/workflowStore-UAAKOOIK.mjs

@@ -1,2 +0,0 @@
-import './chunk-LDN7IX4Y.mjs';
-export { useWorkflowStore } from './chunk-R727OFBR.mjs';

package/dist/{types-IEKYuYhu.d.ts → types-CRXJnajq.d.ts}

@@ -1,5 +1,5 @@
-import { ComponentType } from 'react';
 import { ProviderModel, ModelCapability, IQueryPrompts, IPrompt, ICreatePrompt } from '@genfeedai/types';
+import { ComponentType } from 'react';
 
 interface FileUploadService {
     uploadFile: (path: string, file: File) => Promise<{