@genfeedai/workflow-ui 0.2.2 → 0.2.4

package/dist/workflowStore-N2F7WIG3.mjs

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

package/package.json

@@ -1,81 +1,8 @@
 {
-  "name": "@genfeedai/workflow-ui",
-  "version": "0.2.2",
-  "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/types": "^0.2.0",
+    "@genfeedai/core": "^0.2.1",
+    "@genfeedai/types": "^0.2.2",
     "@radix-ui/react-checkbox": "^1.1.4",
     "@radix-ui/react-label": "^2.1.2",
     "@radix-ui/react-select": "^2.1.6",
@@ -87,8 +14,8 @@
     "nanoid": "^5.1.6",
     "tailwind-merge": "^3.4.0"
   },
+  "description": "Shared UI components for Genfeed workflow editor",
   "devDependencies": {
-    "@genfeedai/core": "workspace:*",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.2.0",
     "@types/node": "^25.2.3",
@@ -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.4"
 }

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/chunk-OY7BRSGG.mjs

@@ -1,60 +0,0 @@
-// ../core/dist/index.mjs
-var PRICING = {
-  // Image generation (per image)
-  "nano-banana": 0.039,
-  "nano-banana-pro": {
-    "1K": 0.15,
-    "2K": 0.15,
-    "4K": 0.3
-  },
-  // Legacy aliases
-  "imagen-4-fast": 0.039,
-  "imagen-4": 0.15,
-  // Video generation (per second)
-  "veo-3.1-fast": { withAudio: 0.15, withoutAudio: 0.1 },
-  "veo-3.1": { withAudio: 0.4, withoutAudio: 0.2 },
-  // Legacy aliases
-  "veo-3-fast": { withAudio: 0.15, withoutAudio: 0.1 },
-  "veo-3": { withAudio: 0.4, withoutAudio: 0.2 },
-  // LLM (per token, derived from $9.50/million)
-  llama: 95e-7,
-  // Luma Reframe
-  "luma-reframe-image": {
-    "photon-flash-1": 0.01,
-    "photon-1": 0.03
-  },
-  "luma-reframe-video": 0.06,
-  // per second
-  // Topaz Upscale (tiered by megapixels)
-  "topaz-image-upscale": [
-    { maxMP: 1, price: 0.05 },
-    { maxMP: 4, price: 0.08 },
-    { maxMP: 9, price: 0.16 },
-    { maxMP: 16, price: 0.27 },
-    { maxMP: 25, price: 0.41 },
-    { maxMP: Infinity, price: 0.82 }
-  ],
-  // Topaz Video (per 5 seconds based on resolution and fps)
-  "topaz-video-upscale": {
-    "720p-15": 0.014,
-    "720p-24": 0.022,
-    "720p-30": 0.027,
-    "720p-60": 0.054,
-    "1080p-15": 0.051,
-    "1080p-24": 0.081,
-    "1080p-30": 0.101,
-    "1080p-60": 0.203,
-    "4k-15": 0.187,
-    "4k-24": 0.299,
-    "4k-30": 0.373,
-    "4k-60": 0.747
-  }
-};
-var IMAGE_NODE_TYPES = ["imageGen", "image-gen", "ImageGenNode"];
-var VIDEO_NODE_TYPES = ["videoGen", "video-gen", "VideoGenNode"];
-var LUMA_NODE_TYPES = ["reframe", "lumaReframeImage", "lumaReframeVideo"];
-var TOPAZ_NODE_TYPES = ["upscale", "topazImageUpscale", "topazVideoUpscale"];
-var DEFAULT_VIDEO_DURATION = 8;
-var LUMA_ASPECT_RATIOS = ["1:1", "3:4", "4:3", "9:16", "16:9", "9:21", "21:9"];
-
-export { DEFAULT_VIDEO_DURATION, IMAGE_NODE_TYPES, LUMA_ASPECT_RATIOS, LUMA_NODE_TYPES, PRICING, TOPAZ_NODE_TYPES, VIDEO_NODE_TYPES };

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<{